awd

DEDROX2K · Sep 28, 2024 · 8433580 · 8433580
1 parent 6e1660c
commit 8433580
Show file tree

Hide file tree

Showing 18 changed files with 117 additions and 40 deletions.
diff --git a/Statement.html b/Statement.html
@@ -195,12 +195,12 @@
 
                 <div class="col-8 black-link" style="margin-top: 20px">
                     <a href="Statement.html" class="s-t">FREE FONTS* /</a>
-                    <a href="work.html" class="w-t">ETHOS* /</a>
+                    <a href="articlepage.html" class="w-t">ARTICLES* /</a>
                     <a href="gamedes.html" class="d-t">3D & GAME-DESIGN* /</a>
                 </div>
 
                 <div class="col-2" style="text-align: end; margin-top: 20px">
-                    <a href="articlepage.html" class="a-t"> ARTICLES*</a>
+                    <a href="threeD/CV_RESUME-RAGHAV.pdf" target="_blank" class="a-t"> ---->RESUME*</a>
                 </div>
             </div>
         </div>
@@ -232,7 +232,7 @@
     <div id="pagesec1">
         <div class="custom-container">
             <div class="rown">
-                <div class="info" style="z-index: -100; font-size: 30px; width: 70%;">
+                <div class="info" style="z-index: -10; font-size: 40px; width: 70%;">
                     <div>
                         <div><span style="font-weight: 700;">Don’t
                                 leave empty-handed!<br /><br /></span><span style="font-weight: 400;">I've

diff --git a/images/fiveestats.jpg b/images/fiveestats.jpg
diff --git a/images/flore.png b/images/flore.png
diff --git a/images/font-download.png b/images/font-download.png
diff --git a/images/portpie 1.png b/images/portpie 1.png
diff --git a/images/portpie 3.png b/images/portpie 3.png
diff --git a/images/rev 1.jpg b/images/rev 1.jpg
diff --git a/images/rev 2.jpg b/images/rev 2.jpg
diff --git a/images/rev 3.jpg b/images/rev 3.jpg
diff --git a/images/rev 4.jpg b/images/rev 4.jpg
diff --git a/images/rev 5.jpg b/images/rev 5.jpg
diff --git a/images/rev 6.jpg b/images/rev 6.jpg
diff --git a/images/rev 7.jpg b/images/rev 7.jpg
diff --git a/images/rev 8.jpg b/images/rev 8.jpg
diff --git a/index.html b/index.html
@@ -24,12 +24,14 @@
 
     <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
 
-
     <link rel="stylesheet" href="bsod.css">
+    <script src="ux.js"></script>
+
 </head>
 
 
 
+
 <body>
 
     <div class="screen">

diff --git a/ux.css b/ux.css
@@ -377,17 +377,17 @@ button {
     font-size: 60px;
     line-height: 110%;
 
-    padding: 10% 12% 0% 10%;
+    padding: 10% 0% 0% 10%;
     font-weight: 500;
     color: #000000;
 
 }
 
 #pagesec1 {
-    height: 160vh;
+    height: 110vh;
     width: 100%;
 
-    padding: 6% 5% 5% 5%;
+    padding: 4% 5% 10% 5%;
 }
 
 
@@ -399,6 +399,15 @@ button {
     margin-bottom: 40px;
 }
 
+
+#pagesec3 {
+    /* background-color: #ffffff; */
+    padding: 13% 0% 0% 6%;
+
+    height: 70%;
+    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); */
+}
+
 .redbox {
     height: 100vmin;
     width: 100%;
@@ -410,22 +419,18 @@ button {
     border-radius: 30px;
 }
 
-#pagesec3 {
-    /* background-color: #ffffff; */
-    height: 450px;
-    /* background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); */
+.fadeemg {
+    border-radius: 20px;
+    box-shadow: 6px 4px 50px #0000000e
 }
 
-
-
-
 .info {
     color: #000000;
     padding-top: 17%;
     /* text-align: justify; */
 
     font-family: Onest;
-    font-size: 38px;
+    font-size: 28px;
     font-weight: 600;
 
     line-height: 125%;

diff --git a/ux.html b/ux.html
@@ -135,12 +135,31 @@
 
   <div id="pagesecshort">
     <div class="custom-container">
-      Hey, Hi! i’m Raghav.
-      Digital product designer
-      based in London. here you
-      can see some of the UX related
-      designs and projects
+      <div>
+        <span style="color: #5a5a5a;">Hey,
+          Hi! i’m </span><span style="color: #2a2a2a;">Raghav.
+        </span><span style="color: #5a5a5a;">Mid
+          level </span><span style="color: #2a2a2a;">Digital
+          product designer </span><span style="color: #5a5a5a;">based
+          in London with a background in </span><span style="color: #2a2a2a;">game
+          mechanics.</span>
+      </div>
+
+
+    </div>
+    <div class="custom-container" style="font-size: 23px; padding-top: 10px;">
+
+      <a href="https://www.behance.net/raghavprasanna" style="padding-right: 20px; color: #686868;">Behance </a>
+
+      <a href="https://dribbble.com/DEDROX2K" style="padding-right: 20px; color: #686868;">Dribble</a>
+
+      <a href="https://www.linkedin.com/in/raghav-prasanna-b530621b0/recent-activity/all/"
+        style="padding-right: 20px; color: #686868;">linkedin</a>
+
+      <a href="threeD/CV_RESUME-RAGHAV.pdf" target="_blank" style="padding-right: 20px; color: #686868;">Download
+        resume/CV</a>
     </div>
+
     <div class="sticker" id="sticker3.7">
       <img src="images/cat.png">
     </div>
@@ -159,7 +178,7 @@
 
 
     <h1 class="text-center"
-      style="font-family: Onest; font-size: 60px; font-weight: bold; color: black; margin-bottom: 30px;">Recent
+      style="font-family: Onest; font-size: 60px; font-weight: bold; color: black; margin-bottom: 3%;">Recent
       projects</h1>
     <div class="container px-4 px-lg-5">
       <div class="row gx-0">
@@ -190,6 +209,7 @@
       </div>
 
 
+
       <div class="row gx-0">
         <div class="col-lg-4">
           <a class="portfolio-item text-center"
@@ -217,10 +237,43 @@
       </div>
     </div>
 
+    <h1 class="text-center" style="font-family: Onest; font-size: 60px; font-weight: bold; color: black; margin: 10% 0 5% 0;
+">UI works
+    </h1>
+    <div class="container px-4 px-lg-5">
+      <div class="row gx-0">
+        <div class="col-lg-4">
+          <a class="portfolio-item text-center"
+            href="https://www.behance.net/gallery/178339927/Gym-finder-app-design-Case-study">
+            <img class="img-fluid" src="images/portpie 1.png" />
+            <p style="padding: 10px;
+" class="mb-0">App designed for folks who travel a lot and wants a quick gym sessions</p>
+          </a>
+        </div>
+        <div class="col-lg-4">
+          <a class="portfolio-item text-center"
+            href="https://www.behance.net/gallery/200529521/CLEAR-BREATH-case-study-No-smoking-app">
+            <img class="img-fluid" src="images/portpie 2.png" />
+            <p style="padding: 10px;
+" class="mb-0">A well detailed project on tackling smoking addiction</p>
+          </a>
+        </div>
+        <div class="col-lg-4">
+          <a class="portfolio-item text-center"
+            href="https://www.behance.net/gallery/175170719/Dashboard-design-UI-Mondaycom-redesign">
+            <img class="img-fluid" src="images/portpie 3.png" />
+            <p style="padding: 10px;
+" class="mb-0">Sets of UI designs explorations</p>
+          </a>
+        </div>
+      </div>
 
-    <div class="sticker" id="sticker3.8">
-      <img src="images/lasupdate.png">
-    </div>
+
+
+
+      <div class="sticker" id="sticker3.8">
+        <img src="images/lasupdate.png">
+      </div>
   </section>
 
 
@@ -236,21 +289,28 @@
 
 
             <div>
+              <span style="font-weight: 500;">
+                A
+                UX/UI designer
+                with 2 years of experience working with companies and around 5 years of freelance work. Previously
+                focused on gaming
+                side of product design,
+                now gradually expanding into various other markets.</span>
+
+              <br /><br />
+
               <span style="font-weight: 500;">Back
                 in 2018, I decided to try my hand at creating
                 custom designs</span>
               <span style="font-weight: 500;">
                 for my dad’s friend who was starting his small business back home. Fast-forward to today, and I’ve had
                 the opportunity of helping others on their journey of creating applications, software's and games for
-                35+ clients. <br /><br /><br /><br /></span>
-              <span style="font-weight: 700;">A
-                UX/UI designer</span>
-              <span style="font-weight: 500;">
-                with 2 years of experience working with companies and around 5 years of freelance work. Previously
-                focused on </span><span style="font-weight: 700;">gaming
-                side of product design</span><span style="font-weight: 500;">,
-                now gradually expanding into various other markets.</span>
+                35+ clients. </span>
+
             </div>
+            <a target="_blank" href="https://www.fiverr.com/dedrox_?up_rollout=true">
+              <img class="fadeemg" style="width: 90%; margin-top: 3%;" src="images/fiveestats.jpg">
+            </a>
             </span>
           </div>
         </div>
@@ -260,6 +320,13 @@
       </div>
     </div>
 
+
+
+
+
+
+
+
     <div class="sticker" id="sticker3.1">
       <img src="images/sm-curs.png">
     </div>
@@ -311,6 +378,8 @@
       <div class="custom-container">
         I don't want you to leave empty handed. Here you can get some free fonts.
       </div>
+      <a href="Statement.html"> <img style="padding: 5%;" src="images/font-download.png" alt=""> </a>
+
       <!-- <div class="sticker" id="sticker3.7">
       <img src="images/cat.png">
     </div> -->
@@ -358,20 +427,21 @@
     <div class="row">
       <div class="col-md-6">
         <h3>Contact Me</h3>
-        <p> <a href="https://www.linkedin.com/in/raghav-prasanna-b530621b0/">linkedin.com/raghav-prasanna</a><br>
+        <p> <a href="https://www.linkedin.com/in/raghav-prasanna-b530621b0/"
+            target="_blank">linkedin.com/raghav-prasanna</a><br>
           [email protected]<br>
           +44 7553 433334<br>
         </p>
       </div>
       <div class="col-md-6">
         <h3 style="text-align: end;">Follow Me</h3>
         <ul class="list-inline" style="text-align: end;">
-          <li><a href="https://www.behance.net/raghavprasanna">Behance</a></li>
-          <li><a href="https://www.instagram.com/dedrox__/?hl=en">Instagram</a></li>
-          <li><a href="https://medium.com/@RaghavPrasannaUX">Medium</a></li>
-          <li><a href="https://codepen.io/Raghav-Prasanna-Lakshminarayanan">Codepen</a></li>
-          <li><a href="https://dribbble.com/DEDROX2K">Dribbble</a></li>
-          <li><a href="https://www.artstation.com/raghavprasanna">Artstation</a></li>
+          <li><a href="https://www.behance.net/raghavprasanna" target="_blank">Behance</a></li>
+          <li><a href="https://www.instagram.com/dedrox__/?hl=en" target="_blank">Instagram</a></li>
+          <li><a href="https://medium.com/@RaghavPrasannaUX" target="_blank">Medium</a></li>
+          <li><a href="https://codepen.io/Raghav-Prasanna-Lakshminarayanan" target="_blank">Codepen</a></li>
+          <li><a href="https://dribbble.com/DEDROX2K" target="_blank">Dribbble</a></li>
+          <li><a href="https://www.artstation.com/raghavprasanna" target="_blank">Artstation</a></li>
 
         </ul>
       </div>

diff --git a/ux.js b/ux.js
@@ -154,7 +154,7 @@ document.addEventListener('DOMContentLoaded', () => {
         { id: 'sticker2.2', left: 2, top: 12 },
         { id: 'sticker3', left: 65, top: 38 },
 
-        { id: 'sticker3.1', left: 59, top: 82 },
+        { id: 'sticker3.1', left: 59, top: 72 },
         { id: 'sticker3.2', left: 65, top: 38 },
         { id: 'sticker3.3', left: 85, top: 28 },
         { id: 'sticker3.4', left: 85, top: 51 },