Skip to content

Commit

Permalink
alright done
Browse files Browse the repository at this point in the history
  • Loading branch information
@abhishektyagi2912
abhishektyagi2912 committed Dec 30, 2023
1 parent ef92e60 commit 4ab651a
Show file tree
Hide file tree
Showing 2 changed files with 93 additions and 137 deletions.
130 changes: 0 additions & 130 deletions globleEffect/index.html
View file

This file was deleted.

100 changes: 93 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,18 +5,18 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./pagetransition/index.css">
<link rel="stylesheet" href="./globleEffect/index.css">
</head>

<body>
<div id="main">
<div id="nav">
<div id="navright">
<h1>Testing Website</h1>
<a href="#">Testing Website</a>
</div>
<div id="navleft">
<a href="#">Home</a>
<a href="../globleEffect/index.html">About</a>
<a href="../pagetransition/index.html">About</a>
<a href="#">Contact</a>
</div>
</div>
Expand All @@ -28,17 +28,103 @@ <h1>Immersive technologies have the potential to solve everyday challenges</h1>
<img src="" alt="error">
</div>
</div>
</div>

<div id="page2">
<div id="home2">
<div id="fixed-background"></div>
<canvas></canvas>
<div id="overflow">
<div class="section">
<h1>Immersive technologies have the potential to solve everyday challenges</h1>
</div>
<div class="section">
<h1>Another section's text goes here</h1>
</div>
</div>
</div>
</div>
<div id="page3">
<div id="video">
<video src="../assets/carousel_1.mp4" autoplay muted loop></video>
</div>
<div class="collage-image">
<img src="../assets/01_Search.png" alt="error">
</div>
<div class="collage-image">
<img src="../assets/02_Maps.png" alt="error">
</div>
<div class="collage-image">
<img src="../assets/03_ARCore.png" alt="error">
</div>
</div>
<div id="main2">
<div id="page2Heading">
<p>Hey this is my website </p>
<h1>Bring your existing lessons</h1>
</div>
<div id="page2card">
<div class="cards" id="card-one">
<div id="card1left">
<h1>Card1</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Suscipit eveniet itaque incidunt
veritatis fuga fugiat inventore temporibus nisi, officia quod repellendus neque. Fugit nemo
debitis itaque facilis dolor exercitationem necessitatibus.</p>
</div>
<div id="card1right">
<img src="https://static.wixstatic.com/media/6ccdd5_1fae1929121a4c1284670725e9a506fd~mv2.png/v1/fill/w_831,h_831,fp_0.50_0.35,q_90,usm_0.66_1.00_0.01,enc_auto/Nov%2027%20to%20Dec%203-3.png"
alt="">
</div>
</div>
<div class="cards" id="card-two">
<div id="card2left">
<img src="https://static.wixstatic.com/media/6ccdd5_1fae1929121a4c1284670725e9a506fd~mv2.png/v1/fill/w_831,h_831,fp_0.50_0.35,q_90,usm_0.66_1.00_0.01,enc_auto/Nov%2027%20to%20Dec%203-3.png"
alt="">
</div>
<div id="card2right">
<h1>Card2</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Suscipit eveniet itaque incidunt
veritatis fuga fugiat inventore temporibus nisi, officia quod repellendus neque. Fugit nemo
debitis itaque facilis dolor exercitationem necessitatibus.</p>
</div>

</div>
<div class="cards" id="card-three">
<div id="card3left">
<h1>Card3</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Suscipit eveniet itaque incidunt
veritatis fuga fugiat inventore temporibus nisi, officia quod repellendus neque. Fugit nemo
debitis itaque facilis dolor exercitationem necessitatibus.</p>
</div>
<div id="card3right">
<img src="https://static.wixstatic.com/media/6ccdd5_1fae1929121a4c1284670725e9a506fd~mv2.png/v1/fill/w_831,h_831,fp_0.50_0.35,q_90,usm_0.66_1.00_0.01,enc_auto/Nov%2027%20to%20Dec%203-3.png"
alt="">
</div>
</div>
<div class="cards">
</div>
</div>
</div>
<div id="second">
<div id="constant">
<h1>Constant</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas autem quae, quibusdam, illum, atque
numquam modi eveniet magnam consequatur dolore cupiditate assumenda totam esse doloremque error
suscipit rem voluptatem perspiciatis?</p>
</div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"
integrity="sha512-EZI2cBcGPnmR89wTgVnN3602Yyi7muWo8y1B3a8WmIv1J9tYG+udH4LvmYjLiGp37yHB7FfaPBo8ly178m9g4Q=="

<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
<script src="https://unpkg.com/locomotive-scroll@4.0.6/dist/locomotive-scroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"
integrity="sha512-f8mwTB+Bs8a5c46DEm7HQLcJuHMBaH/UFlcgyetMqqkvTcYg4g5VXsYR71b3qC82lZytjNYvBj2pf0VekA9/FQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"
integrity="sha512-A64Nik4Ql7/W/PJk2RNOmVyC/Chobn5TY08CiKEX50Sdw+33WTOpPJ/63bfWPl0hxiRv1trPs5prKO8CpA7VNQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
<script src="./undex.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./globleEffect/index.js"></script>
</body>

</html>

0 comments on commit 4ab651a

Please sign in to comment.