commit 839ef752a0104476def5e840d05c0b4c13779ad7 Author: Rezza Priatna <58212770+rezzaapr@users.noreply.github.com> Date: Mon Jun 13 21:15:06 2022 -0700 Add files via upload diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..585fda4 --- /dev/null +++ b/css/style.css @@ -0,0 +1,85 @@ +@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&display=swap'); +@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css"); +@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@600&family=JetBrains+Mono:wght@300&family=PT+Mono&display=swap'); +body { + background-color: #121317; +} +img.rounded-circle{ + border: 3px solid #7e3af2; +} + +.card { + background-color: #1a1c23; +} +h1.title { + font-size: 23px; + font-family: 'IBM Plex Mono', monospace; + color: #fff; +} +p.title2 { + font-size: 11px; + font-family: 'IBM Plex Mono', monospace; + color: #fff; +} +.footer { + flex-shrink: 0; +} +.card-bio { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + +} +p.bio-body { + color: #fff; + font-family: 'JetBrains Mono', monospace; + font-size: 14px; +} +.text-center.icon { + color: #fff; + font-size: 22px; +} + +span.myBadge{ + color: #7e3af2; +} +h1.header { + font-size: 18px; + color: #fff; + font-family: 'IBM Plex Mono', monospace; +} +.progress-bar { + background-color: #7e3af2; +} +h2.title { + background: #7e3af2; + color: #ffffff; + display: inline-block; + font-family: 'IBM Plex Mono', monospace; + font-size: 12px; + font-weight: bold; + line-height: 12px; + letter-spacing: 1px; + margin: 0 0 30px; + padding: 10px 15px 8px; + text-transform: uppercase; +} + +footer { + position:fixed; + bottom:0; + left:0; + width: 100%; + height: 24px; + background-color: #7e3af2; + +} +p.footer-title { + font-size: 13px; + position: relative; + color: #fff; + font-family: 'IBM Plex Mono', monospace; + +} \ No newline at end of file diff --git a/img/icon.png b/img/icon.png new file mode 100644 index 0000000..89e8e68 Binary files /dev/null and b/img/icon.png differ diff --git a/img/profile.jpg b/img/profile.jpg new file mode 100644 index 0000000..569438d Binary files /dev/null and b/img/profile.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..dbd93eb --- /dev/null +++ b/index.html @@ -0,0 +1,89 @@ + + + + + + + + + Rezza Priatna - Webpage + + + + + + + + + + + + + + + +
+ +
+
+
+ 100x100 + +

+ + + Rezza Priatna

+

Backend Developer

+
+
+
+

+ Hello, My name is Reza Priatna, I am from Indonesia. I Learned Programming 3 Years Ago. I Am Freelancer Programmer As Backend Developer And Bot Maker, Sometime I really like to make simple programs with Python and PHP programming languages. +

+
+
+
+ + + +
+
+
+ +
+
+

My Skils

+

PHP

+
+
+
+

PHP

+
+
+
+

MySQL

+
+
+
+

Nodejs

+
+
+
+

Bootsrap

+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/visitor.js b/visitor.js new file mode 100644 index 0000000..625d83c --- /dev/null +++ b/visitor.js @@ -0,0 +1,13 @@ +var counterContainer = document.querySelector(".footer-title"); +var resetButton = document.querySelector("#reset"); +var visitCount = localStorage.getItem("page_view"); + +// Check if page_view entry is present +if (visitCount) { + visitCount = Number(visitCount) + 1; + localStorage.setItem("page_view", visitCount); +} else { + visitCount = 1; + localStorage.setItem("page_view", 1); +} +counterContainer.innerHTML = 'Visitor This Website : '+visitCount; \ No newline at end of file