kjb

DEDROX2K · Sep 10, 2024 · 5cc801a · 5cc801a
1 parent 7847303
commit 5cc801a
Show file tree

Hide file tree

Showing 31 changed files with 543 additions and 653 deletions.
diff --git a/Statement.html b/Statement.html
@@ -2,57 +2,205 @@
 <html lang="en">
 
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Draggable Stickers with Custom Initial Position</title>
-    <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
-    <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
-    <script src="statement.js"></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UX raghav prasanna</title>
+
+
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&family=Calistoga&family=DotGothic16&family=Instrument+Serif:ital@0;1&family=Maiden+Orange&family=Pixelify+Sans:[email protected]&family=Staatliches&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+
+    <!--
+    Barlow Semi Condensed
+    Maiden Orange
+    Staatliches
+    Pixelify Sans
+    DotGothic16
+    Instrument Serif
+    Bebas Neue
+    Archivo
+    fallsend
+     -->
+
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link rel="stylesheet" href="ux.css">
+    <script src="ux.js"></script>
+
+    <!-- Logo and bar color -->
+    <link rel="icon" href="logo.png" type="png">
+    <meta name="theme-color" content="#ffc800">
 </head>
 
 
 
+<!-- navbar and the logo-->
+<header>
 
+    <!-- <div class="image-strip">
+      <img src="images/Line1.png" alt="Image Strip">
+    </div> -->
+
+    <nav class="navtext navbar fixed-top">
+        <div class="custom-container">
+            <div class="row margin-top: 20px" style="align-content: center;">
+                <div class="col-2" style="text-align: start; margin-top: 20px">
+                    <a href="index.html">
+                        <img src="images/DEDROX.DSGN/dedroxLogo.svg" style="width: 40px; height: auto; z-index: 100;">
+                    </a>
+                </div>
+
+                <div class="col-8 black-link" style="margin-top: 20px">
+                    <a href="Statement.html" class="s-t">Statement* /</a>
+                    <a href="work.html" class="w-t">Work* /</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>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <div class="blurtop"></div>
+</header>
 
 
+<body>
 
+    <!-- DEDROX.DESGN HEE! -->
+    <div class="logosec">
 
-<style>
-    #logo svg {
-        width: 100%;
-        height: 100vh;
-        display: block;
-        /* Ensures no unexpected extra space around the SVG */
-    }
-
-    .page1 {
-        background-color: blanchedalmond;
-        height: 30vh;
-    }
-</style>
-
+        <div class="sticker" id="sticker1">
+            <img src="images/lessgoo.png">
+        </div>
 
+        <div class="sticker" id="sticker2">
+            <img src="images/londonuk.png">
+        </div>
 
+        <div class="sticker" id="sticker2.1">
+            <img src="images/yesthatme.png">
+        </div>
 
+        <!-- <div class="sticker" id="sticker2.2">
+        <img src="images/cat.png">
+      </div> -->
 
+        <div class="sticker" id="sticker3">
+            <img src="images/since.png">
+        </div>
 
 
-<header>
-    <div id="logo">
+        <div id="logo" class="d-flex justify-content-center align-items-center"> </div>
     </div>
-</header>
 
 
 
+    <div id="pagesec1">
+        <div class="custom-container">
+            <div class="row">
+
+                <div class="col-md-6">  
+                    <div class="info">
+                        <span>
+                            <span class="info-span">A UX/UI designer</span>
+                            <span class="info-span2">
+                                with 2 years of experience working with companies and around 5 years of
+                                freelance work. Previously focused on
+                            </span>
+                            <span class="info-span3">gaming side of product design</span>
+                            <span class="info-span4">
+                                , now gradually expanding into various other markets.
+                                <br />
+                                <br />
+                                I&#039;m soo gravitated to UX mainly by a
+                            </span>
+                            <span class="info-span5">fascination with human psychology</span>
+                            <span class="info-span6">
+                                and a belief that demand for a genuinely good user experience.
+                            </span>
+                        </span>
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                </div>
+            </div>
+        </div>
+    </div>
+
 
 
+    <div id="pagesec2">
+        <div class="redbox d-flex justify-content-center align-items-center" style="z-index: 998;">
+        </div>
+
+        <div class="sticker" id="sticker4">
+            <img src="images/frontend.png">
+        </div>
+        <div class="sticker" id="sticker5">
+            <img src="images/gamedesign.png">
+        </div>
+        <div class="sticker" id="sticker6">
+            <img src="images/uxdes.png">
+        </div>
+        <div class="sticker" id="sticker7">
+            <img src="images/prod.png">
+        </div>
+        <div class="sticker" id="sticker8">
+            <img src="images/me.png">
+        </div>
+    </div>
 
 
 
-<body>
-    <div class="page1">
-        gagagaga
+    <div id="pagesec3">
+        <div class="blur-box" style="    
+    height: 110px;
+    opacity: 90%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: none; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); user-select: none;     pointer-events: none;
+  
+  
+      background: rgba(225, 225, 225, 0.05);
+      mask-image: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(223 223 223) 100%, rgb(255 255 255 / 0%) 50%);">
+        </div>
+        <!-- Consultation button -->
+        <div class="consu">
+
+            <div class="custom-container text-center consutex" style="padding-top: 17%; margin-bottom: 30px;">
+                <span style="font-family: Instrument Serif; font-weight: 700;">Do you want to rant? Cry? repent? Share a
+                    happy
+                    news? </span> <i> Discuss <br>about a new idea? </i>Want to collaborate and make cool stuffs?
+                <br>Then, lets
+                get
+                on a <span style="font-family: Pixelify Sans;">Quick call</span><span class="material-symbols-outlined">
+                    send
+                </span>
+            </div>
+            <div class="consubtn mx-auto text-center ">
+                BOOK A FREE CONSULTATION
+            </div>
+        </div>
     </div>
+
+    <button class="summary" style="z-index: 100;"><a href="compressed.html">"A Short Summary"</a></button>
 </body>
 
 </html>
diff --git a/bsod.css b/bsod.css
@@ -68,6 +68,7 @@ a:hover {
 .link-download:hover {
     box-shadow: 10px 10px 0px 0px #000000;
     border: solid 5px black;
+    z-index: 1000;
 }
 
 

diff --git a/images/canvasbluline.png b/images/canvasbluline.png
diff --git a/images/cat.png b/images/cat.png
diff --git a/images/displaytv.jpg b/images/displaytv.jpg
diff --git a/images/dottedpattern.png b/images/dottedpattern.png
diff --git a/images/frontend.png b/images/frontend.png
diff --git a/images/gamedesign.png b/images/gamedesign.png
diff --git a/images/icanfix.png b/images/icanfix.png
diff --git a/images/lessgoo.png b/images/lessgoo.png
diff --git a/images/Arrow-sign.png → images/lesworktogg.png b/images/Arrow-sign.png → images/lesworktogg.png
diff --git a/images/londonuk.png b/images/londonuk.png
diff --git a/images/me.png b/images/me.png
diff --git a/images/mobsumm.png b/images/mobsumm.png
diff --git a/images/nighttv.jpg b/images/nighttv.jpg
diff --git a/images/prod.png b/images/prod.png
diff --git a/images/since.png b/images/since.png
diff --git a/images/sm-curs.png b/images/sm-curs.png
diff --git a/images/sm-fig.png b/images/sm-fig.png
diff --git a/images/sm-maya.png b/images/sm-maya.png
diff --git a/images/sm-pen.png b/images/sm-pen.png
diff --git a/images/sm-sketch.png b/images/sm-sketch.png
diff --git a/images/sm-ux.png b/images/sm-ux.png
diff --git a/images/uxdes.png b/images/uxdes.png
diff --git a/images/welcome.png b/images/welcome.png
diff --git a/images/yesthatme.png b/images/yesthatme.png
diff --git a/index.html b/index.html
@@ -186,7 +186,8 @@
 
 
 
-    <img class="scan" src="images/scanlines.png" alt="">
+    <img class="scan" src="images/nighttv.jpg" style="background-size: cover;
+    background-position: center;">
 
     <div class="container animate__animated animate__flash animate__faster">
         <div class="error-code" href="index.html">:(</div>
@@ -258,8 +259,7 @@ <h3 class="text-align center"> CLICK HERE^ </h3>
                 <div class='link-download'>3D & Game design</div>
             </a>
         </div>
-
-
+    </div>
 </body>