JS.GSAP/index.html at main · parthdev1001/JS.GSAP · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS.GSAP/title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div id="main">
   <div id="nav">
      <div id="starting">
        <h2>FRACESCO GIOIA</h2>
       </div>
     <div id="end">
        <h2>INSTAGRAM</h2>
        <h2>GALLERY</h2>
        <h2>CONTACT</h2>
      </div>
    </div>
    <h1>HELLO, I'M</h1>
    <h1>FRANCESCO</h1>
    <h1>GIOIA</h1>
    <img id="img1" src="https://plus.unsplash.com/premium_photo-1661775820832-f971657b13f6?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTd8fG1vZGVsfGVufDB8fDB8fHww" alt="">
    <img id="img2" src="https://images.unsplash.com/photo-1469460340997-2f854421e72f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fG1vZGVsfGVufDB8fDB8fHww" alt="">
    <img id="img3" src="https://images.unsplash.com/photo-1516726817505-f5ed825624d8?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fG1vZGVsfGVufDB8fDB8fHww" alt="">
    <img id="img4" src="https://plus.unsplash.com/premium_photo-1673757121102-0ca51260861f?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fG1vZGVsfGVufDB8fDB8fHww" alt="">
  </div>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="first.js"></script>
</body>
</html>