-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (142 loc) · 5.5 KB
/
index.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EJ STUDIO</title>
<link href="./images/favicon-32x32.png" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="cursor"></div>
<div id="fullscreen">
<h1>GALLERY</h1>
<h1>ABOUT</h1>
<h1>CONTACT</h1>
</div>
<div id="bg">
<p>EMILY JONES PHOTOGRAPHY <br>
CAPTURING LIFE'S MOMENTS WITH ARTISTRY AND GRACE</p>
<div id="element">
<h1 id="high">Capture</h1>
</div>
<div id="element1">
<h2 id="high">Life</h2>
</div>
</div>
<div id="nav">
<h5>EJ STUDIO</h5>
<div id="menu">
<div id="line1"></div>
<div id="line2"></div>
</div>
</div>
<div id="loader">
<div id="text_anime">
<h1>Emily Jones</h1>
<div id="texts">
<h2 id="h1">Photographer</h2>
<h2 id="h2">Creative Director</h2>
<h2 id="h3">Visual Storyteller</h2>
</div>
</div>
<div id="loader1"></div>
<div id="loader2"></div>
<div id="loader3"></div>
<div id="loader4"></div>
</div>
<div id="main">
<div id="page1">
<div id="img">
</div>
</div>
<div id="page2">
<div id="random">EXPLORING LIFE'S WONDERS THROUGH THE LENS OF EMILY JONES</div>
<div id="elem">
<h1>Enter the world through my lens and</h1>
</div>
<div id="elem">
<h1>discover a fresh perspective on photography.</h1>
</div>
<div id="elem">
<h1>I strive to create photographs that tell stories,</h1>
</div>
<div id="elem">
<h1>evoke emotions, and reveal the beauty</h1>
</div>
<div id="elem">
<h1>and complexity of life.</h1>
</div>
</div>
<div id="page3">
<h1>Selective</h1>
<h2>Work</h2>
</div>
<div id="page4">
<div class="box" id="img1">
<img src="./images/ejs1.jpg" alt="">
<h1>Portrait</h1>
</div>
<div class="box" id="img2">
<img src="./images/ejs2.jpg" alt="">
<h1>Architecture</h1>
</div>
<div class="box" id="img3">
<img src="./images/ejs3.jpg" alt="">
<h1>Product</h1>
</div>
<button>Gallery</button>
</div>
<div id="page5">
<h1>25</h1>
<h4>YEARS CAPTURING MOMENTS, CREATING MEMORIES.</h4>
<div id="para">
<p>Acme Corporation | Adidas | Amazon | American Express | BMW | Brownstone Realty | Burberry | Chanel | City Arts Magazine | Coca-Cola | Delta Air Lines | Design Solutions Inc. | Disney | Elite Events Planning | Emirates | ESPN | ExxonMobil | Fashion Quarterly | FedEx | Global Banking Group | Google | Gucci | Habitat for Humanity | HBO | Hilton | IBM | Island Resorts | J. Phillips Law Firm | Jaguar | JetBlue | Kellogg's | KFC | Levi's | Louis Vuitton | Lululemon | Mastercard | McDonald's | Microsoft | NBC | Nestle | Nike | Oprah Winfrey Network | Oracle | PepsiCo | Porsche | Procter & Gamble | Quicken Loans | Red Bull | Rolex | Samsung | Sony Pictures Entertainment | Target | Tiffany & Co. | Toyota | United Airlines | UPS | Verizon | Visa | Volkswagen | Walmart | Warner Bros. | Xerox | Yahoo |</p>
</div>
</div>
<div id="page6">
<div id="para">
<div id="element1">
<h1>Life is beautiful</h1>
</div>
<div id="element2">
<h1>let me capture</h1>
</div>
<div id="element3">
<h1>it for you</h1>
</div>
</div>
<div id="end">
<h3>Ready to capture your story?</h3>
<h3>I`m just a message away.</h3>
</div>
<div id="footer">
<div id="foot1">
<h3>ⓒ SHAH DESIGN</h3>
<h3>LEGAL NOTICE</h3>
<h3>PRIVACY POLICY</h3>
</div>
<div id="foot2">
<button>Say Hello</button>
</div>
<div id="foot3">
<h3>HOME</h3>
<h3>GALLERY</h3>
<h3>ABOUT</h3>
<h3>CONTACT</h3>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"
integrity="sha512-cOH8ndwGgPo+K7pTvMrqYbmI8u8k6Sho3js0gOqVWTmQMlLIi6TbqGWRTpf1ga8ci9H3iPsvDLr4X7xwhC/+DQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"
integrity="sha512-AMl4wfwAmDM1lsQvVBBRHYENn1FR8cfOTpt8QVbb/P55mYOdahHD4LmHM1W55pNe3j/3od8ELzPf/8eNkkjISQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>