From 27d5b8b8e4a403bd14264d0eec94d3b03c9e9fea Mon Sep 17 00:00:00 2001
From: Rishabh <140707297+rishabhrawat05@users.noreply.github.com>
Date: Wed, 19 Jun 2024 18:28:47 +0530
Subject: [PATCH] Delete index.html

---
 index.html | 243 -----------------------------------------------------
 1 file changed, 243 deletions(-)
 delete mode 100644 index.html
diff --git a/index.html b/index.html
deleted file mode 100644
index 832369c..0000000
--- a/index.html
+++ /dev/null
@@ -1,243 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="dex.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">
-    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.4.0/fonts/remixicon.css" rel="stylesheet">
-
-</head>
-<body>
-    <div id="main">
-     
-        <div id="home-page">
-          <!-- <div id="half1"></div>
-          <div id="half2"></div> -->
-          <div class="Group5" style="width: 363px; height: 108px; position: relative; left: 20px; top: 10px;">
-            <div class="Line1" style="width: 220.83px; height: 0px; left: 30.92px; top: 0px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line2" style="width: 44.06px; height: 0px; left: 31.92px; top: 2px; position: absolute; transform: rotate(139.12deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line3" style="width: 52.38px; height: 0px; left: -0px; top: 29.62px; position: absolute; transform: rotate(90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line4" style="width: 240.50px; height: 0px; left: -0px; top: 80px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line5" style="width: 35.95px; height: 0px; left: 239.50px; top: 80px; position: absolute; transform: rotate(-38.02deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line6" style="width: 42.46px; height: 0px; left: 267px; top: 59.77px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line7" style="width: 23.39px; height: 0px; left: 268px; top: 17.31px; position: absolute; transform: rotate(-136.30deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-           <div class="nothing" style="position: absolute; top: 20px; left: 13px; font-family: kor; font-size: 5vh; color: white; z-index: 99;">NOTHING</div>
-          </div>
-          <div class="Group2" style="width: 179px; height: 59px; position: absolute; top: 10px; left: 700px;">
-            <div class="Line1" style="width: 145.38px; height: 0px; left: 22.14px; top: 0px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line2" style="width: 33.06px; height: 0px; left: 23.14px; top: 2px; position: absolute; transform: rotate(136.20deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line3" style="width: 35.81px; height: 0px; left: 0px; top: 23.19px; position: absolute; transform: rotate(90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line4" style="width: 159.04px; height: 0px; left: 0px; top: 56px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line5" style="width: 27.73px; height: 0px; left: 158.04px; top: 57px; position: absolute; transform: rotate(-40.90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line6" style="width: 25.75px; height: 0px; left: 179px; top: 40.85px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line7" style="width: 19.26px; height: 0px; left: 179px; top: 15.09px; position: absolute; transform: rotate(-133.36deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="text" style="width:20px; font-family: kor; color: white; font-size: 3vh; position: relative;left: 50px; top: 15px;">Store</div>
-          </div>
-          <div class="Group20" style="width: 179px; height: 59px; position: absolute; top: 10px; left: 925px;">
-            <div class="Line1" style="width: 145.38px; height: 0px; left: 22.14px; top: 0px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line2" style="width: 33.06px; height: 0px; left: 23.14px; top: 2px; position: absolute; transform: rotate(136.20deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line3" style="width: 35.81px; height: 0px; left: 0px; top: 23.19px; position: absolute; transform: rotate(90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line4" style="width: 159.04px; height: 0px; left: 0px; top: 56px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line5" style="width: 27.73px; height: 0px; left: 158.04px; top: 57px; position: absolute; transform: rotate(-40.90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line6" style="width: 25.75px; height: 0px; left: 179px; top: 40.85px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line7" style="width: 19.26px; height: 0px; left: 179px; top: 15.09px; position: absolute; transform: rotate(-133.36deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="text" style="width:20px; font-family: kor; color: white; font-size: 3vh; position: relative;left: 40px; top: 15px;">Support</div>
-          </div>
-          <div class="Group21" style="width: 179px; height: 59px; position: absolute; top: 10px; left: 1150px;">
-            <div class="Line1" style="width: 145.38px; height: 0px; left: 22.14px; top: 0px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line2" style="width: 33.06px; height: 0px; left: 23.14px; top: 2px; position: absolute; transform: rotate(136.20deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line3" style="width: 35.81px; height: 0px; left: 0px; top: 23.19px; position: absolute; transform: rotate(90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line4" style="width: 159.04px; height: 0px; left: 0px; top: 56px; position: absolute;  border: 1px #999D9C solid"></div>
-            <div class="Line5" style="width: 27.73px; height: 0px; left: 158.04px; top: 57px; position: absolute; transform: rotate(-40.90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line6" style="width: 25.75px; height: 0px; left: 179px; top: 40.85px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="Line7" style="width: 19.26px; height: 0px; left: 179px; top: 15.09px; position: absolute; transform: rotate(-133.36deg); transform-origin: 0 0;  border: 1px #999D9C solid"></div>
-            <div class="text" style="width:20px; font-family: kor; color: white; font-size: 3vh; position: relative;left: 20px; top: 15px;">Community</div>
-          </div>
-          <div class="Group22" style="width: 1562px; height: 193px; position: relative; left: 260px; top: -16px;">
-            <div class="Line8" style="width: 942px; height: 0px; left: 1562px; top: 193px; position: absolute; transform: rotate(180deg); transform-origin: 0 0; border: 1px #999D9C solid"></div>
-            <div class="Line9" style="width: 196.60px; height: 0px; left: 620px; top: 193px; position: absolute; transform: rotate(-150.01deg); transform-origin: 0 0; border: 1px #999D9C solid"></div>
-            <div class="Line10" style="width: 316px; height: 0px; left: 450px; top: 95px; position: absolute; transform: rotate(-179.82deg); transform-origin: 0 0; border: 1px #999D9C solid"></div>
-            <div class="Line11" style="width: 163.68px; height: 0px; left: 134px; top: 94px; position: absolute; transform: rotate(-144.95deg); transform-origin: 0 0; border: 1px #999D9C solid"></div>
-          
-          </div>
-          <div class="Group8" style="width: 1920.01px; height: 81.76px; position: relative;top: 200px ;">
-            <div class="Line20" style="width: 892.06px; height: 0px; left: 1027.95px; top: -2px; position: absolute; border: 1px #999D9C solid"></div>
-            <div class="Line21" style="width: 141.82px; height: 0px; left: 1030px; top: -1px; position: absolute; transform: rotate(144.80deg); transform-origin: 0 0; border: 1px #999D9C solid"></div>
-            <div class="Line30" style="width: 916px; height: 0px; left: 916px; top: 80px; position: absolute; transform: rotate(180deg); transform-origin: 0 0; box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25); border: 1px #999D9C solid"></div>
-          </div>
-          <div class="pure" style="width: 1100px; position: relative; text-align: center; left: -150px; top: -50px; color: white; font-size: 30px; font-family: kor; font-weight: 400; line-height: 60px; letter-spacing: 10.80px; word-wrap: break-word">NOTHING PHONE (1)<br/>PURE INSTINCT</div>
-          <div id="phone1"></div>
-          <div id="phone2"></div>
-          <div class="snap" style="width: 817px; color: #999D9C; position: relative; top: 50px; left: 130px; font-size: 15px; font-family: kor; font-weight: 400; word-wrap: break-word">Snapdragon 778G+ | 50 MP Dual Camera</div>
-        </div>
-        <div id="pag">
-            <div class="Features" style="color: white; font-size: 80px; font-family: kor; font-weight: 400; word-wrap: break-word; position: absolute; left: 449px; top: 40px; opacity: 1;">Features</div>
-            <div class="Group9" style="width: 150px; height: 150px; position: relative; opacity:0; top:20px; left:100px; ">
-                <div class="Line25" style="width: 320.91px; height: 0px; left: 0px; top: 3.71px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.29px; height: 0px; left: 0px; top: 3.71px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 251.07px; height: 0px; left: 0px; top: 205px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 113.72px; height: 0px; left: 320.91px; top: 8px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 110.52px; height: 0px; left: 249.07px; top: 207px; position: absolute; transform: rotate(-52.30deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Design" style="width: 429px; height: 41.41px; left: 22px; top: 18.94px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; letter-spacing: 1.5px;">Design</div>
-                <div class="DesignThatGoesBeyondTheSurface" style="width: 300px; height: 82.82px; left: 22px; top: 88.96px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word; ">Design that goes beyond the surface.</div>
-              </div>
-              <div class="Group10" style="width: 150px; height: 150px; position: relative; opacity:0; top:100px; left:32px; ">
-                <div class="Line25" style="width: 320.91px; height: 0px; left: 0px; top: 3.71px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.29px; height: 0px; left: 0px; top: 3.71px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 251.07px; height: 0px; left: 0px; top: 205px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 113.72px; height: 0px; left: 320.91px; top: 8px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 110.52px; height: 0px; left: 250.07px; top: 207px; position: absolute; transform: rotate(-52.30deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Design" style="width: 429px; height: 41.41px; left: 22px; top: 18.94px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; letter-spacing: 1.5px;">Camera</div>
-                <div class="DesignThatGoesBeyondTheSurface" style="width: 300px; height: 82.82px; left: 22px; top: 88.96px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word">50MP dual camera with Sony IMX sensor</div>
-              </div>
-              <div class="Group11" style="width: 150px; height: 150px; position: relative; opacity:0; top:-80px; left:540px; rotate:180deg;">
-                <div class="Line25" style="width: 320.91px; height: 0px; left: 0px; top: 3.71px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.29px; height: 0px; left: 0px; top: 3.71px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 251.07px; height: 0px; left: 0px; top: 205px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 113.72px; height: 0px; left: 320.91px; top: 8px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 110.52px; height: 0px; left: 250.07px; top: 207px; position: absolute; transform: rotate(-52.30deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Design" style="width: 429px; height: 41.41px; left: -200px; top: 150.94px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; rotate:180deg; letter-spacing: 1.5px;">Display</div>
-                <div class="DesignThatGoesBeyondTheSurface" style="width: 300px; height: 82.82px; left: -30px; top: 20.96px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word; rotate:180deg;">6.55 AMOLED HDR10+ Display. </div>
-              </div>
-              <div class="Group12" style="width: 150px; height: 150px; position: relative; opacity:0; top:8px; left:470px; rotate:180deg;">
-                <div class="Line25" style="width: 390.91px; height: 0px; left: -70px; top: 3.71px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.29px; height: 0px; left: -70px; top: 3.71px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 322.07px; height: 0px; left: -70px; top: 205px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 113.72px; height: 0px; left: 320.91px; top: 8px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 110.52px; height: 0px; left: 250.07px; top: 207px; position: absolute; transform: rotate(-52.30deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Design" style="width: 429px; height: 41.41px; left: -180px; top: 150.94px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; rotate:180deg; letter-spacing: 1.5px;">Sustainability</div>
-                <div class="DesignThatGoesBeyondTheSurface" style="width: 300px; height: 82.82px; left: -30px; top: 20.96px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word; rotate:180deg;">Made with 100% recycled aluminium. </div>
-              </div>
-              <div class="Group13" style="width: 401px; height: 247.26px; position: relative; opacity:0; top:-450px; left:710px;">
-                <div class="Line25" style="width: 250.05px; height: 0px; left: 0px; top: 10.04px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.22px; height: 0px; left: 0px; top: 10.04px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 300.41px; height: 0px; left: 0px; top: 211.26px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 95.81px; height: 2.43px; left: 249.75px; top: 8.53px; position: absolute; transform: rotate(56.38deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 126.15px; height: 0px; left: 300.29px; top: 215.24px; position: absolute; transform: rotate(-90.08deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Battery" style="width: 429px; height: 45.11px; left: 22px; top: 21.72px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; letter-spacing: 1.5px;">Battery</div>
-                <div class="FuelEverythingYouNeedEnjoyAsYouWantChargeFast" style="width: 280px; height: 90.22px; left: 22px; top: 96.90px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word">Fuel everything you need. Enjoy as much as you want.</div>
-              </div>
-              <div class="Group14" style="width: 401px; height: 247.26px; position: relative; opacity:0; top:-457px; left:710px;">
-                <div class="Line25" style="width: 300.05px; height: 0px; left: 0px; top: 10.04px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.22px; height: 0px; left: 0px; top: 10.04px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 350.41px; height: 0px; left: 0px; top: 211.26px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 95.81px; height: 2.43px; left: 300.75px; top: 8.53px; position: absolute; transform: rotate(56.38deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 126.15px; height: 0px; left: 350.29px; top: 215.24px; position: absolute; transform: rotate(-90.08deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Battery" style="width: 300px; height: 45.11px; left: 22px; top: 21.72px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; letter-spacing: 1.5px;">Glyph Interface</div>
-                <div class="FuelEverythingYouNeedEnjoyAsYouWantChargeFast" style="width: 380px; height: 90.22px; left: 22px; top: 140.90px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word">A new way to communicate. Unique light patterns</div>
-              </div>
-              <div class="Group15" style="width: 401px; height: 247.26px; position: relative; opacity:0; top:-1105px; left:885px; rotate:180deg;">
-                <div class="Line25" style="width: 250.05px; height: 0px; left: 0px; top: 10.04px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.22px; height: 0px; left: 0px; top: 10.04px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 300.41px; height: 0px; left: 0px; top: 211.26px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 95.81px; height: 2.43px; left: 249.75px; top: 8.53px; position: absolute; transform: rotate(56.38deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 126.15px; height: 0px; left: 300.29px; top: 215.24px; position: absolute; transform: rotate(-90.08deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Battery" style="width: 429px; height: 45.11px; left: -180px; top: 150.72px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; rotate: 180deg; letter-spacing: 1.5px;">Chipset</div>
-                <div class="FuelEverythingYouNeedEnjoyAsYouWantChargeFast" style="width: 280px; height: 90.22px; left: -30px; top: 15.90px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word; rotate: 180deg;">Snapdragon 778G+ accelerated by 5G</div>
-              </div>
-              <div class="Group16" style="width: 401px; height: 247.26px; position: relative; opacity:0; top:-1110px; left:940px; rotate:180deg;">
-                <div class="Line25" style="width: 250.05px; height: 0px; left: 0px; top: 10.04px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line26" style="width: 205.22px; height: 0px; left: 0px; top: 10.04px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line27" style="width: 300.41px; height: 0px; left: 0px; top: 211.26px; position: absolute; border: 2px #999D9C solid"></div>
-                <div class="Line28" style="width: 95.81px; height: 2.43px; left: 249.75px; top: 8.53px; position: absolute; transform: rotate(56.38deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Line29" style="width: 126.15px; height: 0px; left: 300.29px; top: 215.24px; position: absolute; transform: rotate(-90.08deg); transform-origin: 0 0; border: 2px #999D9C solid"></div>
-                <div class="Battery" style="width: 429px; height: 45.11px; left: -140px; top: 154.72px; position: absolute; color: white; font-size: 30px; font-family: kor; font-weight: 100; text-transform: capitalize; word-wrap: break-word; rotate: 180deg; letter-spacing: 1.5px;">Performance</div>
-                <div class="FuelEverythingYouNeedEnjoyAsYouWantChargeFast" style="width: 280px; height: 90.22px; left: 0px; top: 35.90px; position: absolute; color: white; font-size: 25px; font-family: Sansation; font-weight: 400; word-wrap: break-word; rotate: 180deg;">Essential power for speed and gaming</div>
-              </div>
-              
-        </div>
-        <div id="page">
-            <div id="imgdiv"></div>
-            <h2>IP53</h2>
-            <div id="splash1"></div>
-            <div id="splash2"></div>
-        </div>
-        <div id="page1">
-            <div id="imgdiv">
-                
-            </div>
-            <h1>Shoot Every Detail<br>Feel Every Emotion</h1>
-            <h2>50MP</h2>
-            <div class="Group3" style="width: 207px; height: 61px; position: relative; top:-50%; left:5%; opacity:0;">
-                <div class="Line1" style="width: 170.16px; height: 0px; left: 25.76px; top: 0px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line2" style="width: 37.95px; height: 0px; left: 27.71px; top: 1px; position: absolute; transform: rotate(139.39deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line3" style="width: 38.06px; height: 0px; left: 0px; top: 24.94px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line4" style="width: 183.77px; height: 0px; left: 0px; top: 61px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line5" style="width: 31.5px; height: 0px; left: 182.77px; top: 61px; position: absolute; transform: rotate(-37.76deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line6" style="width: 29px; height: 0px; left: 207px; top: 42.23px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line7" style="width: 18.68px; height: 0px; left: 208px; top: 15px; position: absolute; transform: rotate(-136.57deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <p>50 MP<br>Sony IMX766 sensor</p>
-                <div class="Line1" style="width: 152.16px; height: 0px;  left: 205.76px; top:12px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-            </div>
-              <div class="Group4" style="width: 207px; height: 61px; position: relative; top:-40%; left:5%; opacity:0;">
-                <div class="Line1" style="width: 170.16px; height: 0px; left: 25.76px; top: 0px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line2" style="width: 37.95px; height: 0px; left: 27.71px; top: 1px; position: absolute; transform: rotate(139.39deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line3" style="width: 38.06px; height: 0px; left: 0px; top: 24.94px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line4" style="width: 183.77px; height: 0px; left: 0px; top: 61px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line5" style="width: 31.5px; height: 0px; left: 182.77px; top: 61px; position: absolute; transform: rotate(-37.76deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line6" style="width: 29px; height: 0px; left: 207px; top: 42.23px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line7" style="width: 18.68px; height: 0px; left: 208px; top: 15px; position: absolute; transform: rotate(-136.57deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <p>50 MP<br>Samsung JN1 sensor</p>
-                <div class="Line8" style="width: 152.16px; height: 0px; left: 205.76px; top: 12px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-            </div>
-        </div>
-        <div id="page00">
-            <div id="imgdiv00"></div>
-            <h1>Include yourself with every moment</h1>
-            <h2>16MP</h2>
-            <div class="Group50" style="width: 207px; height: 61px; position: relative; top:-59%; left:5%; opacity:0;">
-                <div class="Line1" style="width: 170.16px; height: 0px; left: 25.76px; top: 0px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line2" style="width: 37.95px; height: 0px; left: 27.71px; top: 1px; position: absolute; transform: rotate(139.39deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line3" style="width: 38.06px; height: 0px; left: 0px; top: 24.94px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line4" style="width: 183.77px; height: 0px; left: 0px; top: 61px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line5" style="width: 31.5px; height: 0px; left: 182.77px; top: 61px; position: absolute; transform: rotate(-37.76deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line6" style="width: 29px; height: 0px; left: 207px; top: 42.23px; position: absolute; transform: rotate(-90deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <div class="Line7" style="width: 18.68px; height: 0px; left: 208px; top: 15px; position: absolute; transform: rotate(-136.57deg); transform-origin: 0 0; background: #999D9C; border: 1px #999D9C solid"></div>
-                <p>16 MP<br>Sony IMX471 sensor</p>
-                <div class="Line1" style="width: 152.16px; height: 0px;  left: 205.76px; top:12px; position: absolute; background: #999D9C; border: 1px #999D9C solid"></div>
-            </div>
-        </div>
-        <div id="page2">
-            <div id="imgdiv2"></div>
-            <div id="imgdiv3"></div>
-            <h1>HDR10+</h1>
-            <h3>Outshine the Ordinary<br>10 Bit AMOLED Display</h3>
-            <p><span>1200nits</span> Peak Brightness</p>
-            <h4>120HZ</h4>
-            
-        </div>
-        <div id="page3">
-            <h3>Experience the Ultimate<br>Performance with Snapdragon<br>778G+ chipset</h3>
-            <p><span>596815</span> Antutu benchmark score</p>
-            <div id="imgdiv4"></div>
-    
-            <video muted autoplay loop src="./NothingPhoneImages/game.mp4"></video>
-            
-            
-            <div id="imgdiv5"></div>
-            <h1>6 nm</h1>
-        </div>
-        
-        <div id="page4">
-            <div id="imgdiv6"></div>
-            <div id="imgdiv7"></div>
-            <p id="txt1">The symmetrical bezels and aluminium frame</p>
-            <p id="txt2">adds elegance, lightness and durability</p>
-           
-        </div>
-        <div id="page5">
-            <p>Shining White and Shining Black</p>
-            <h5 id="up">Shining White and Shining Black</h5>
-            <h6 id="down">Shining White and Shining Black</h6>
-            <div id="imgdiv8"></div>
-            <div id="imgdiv9"></div>
-        </div>
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="script.js"></script>
-</body>
-</html>
\ No newline at end of file
