-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (106 loc) · 7.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weather Api </title>
<link rel="icon" href="https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9nb3xlbnwwfHwwfHx8MA%3D%3D" type="image/icon type">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav>
<h1>LavarEV </h1>
<div id="navpart2">
<h4>Cases</h4>
<h4>Area of expertise</h4>
<h4>UI UX Design</h4>
<h4>Product of Design</h4>
<h4>DEsign Process</h4>
<h4>About Agency</h4>
</div>
<button>Let's Talk <svg class="c-bttn__morph" fill="none" viewBox="0 0 131 136"><path class="g-path" data-morph="end" fill="#fff" d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z"></path><path class="g-path" data-morph="start" fill="#fff" d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z" data-original="M65.72 109.14c10.08 0 17.76-3.78 23.04-11.34 5.4-7.68 8.1-17.64 8.1-29.88 0-12.24-2.7-22.2-8.1-29.88-5.28-7.68-12.96-11.52-23.04-11.52-9.96 0-17.7 3.84-23.22 11.52-5.4 7.68-8.1 17.64-8.1 29.88 0 12.12 2.7 22.02 8.1 29.7 5.52 7.68 13.26 11.52 23.22 11.52Zm46.08 7.02c-11.64 12.6-27.06 18.9-46.26 18.9s-34.62-6.3-46.26-18.9C7.76 103.56 2 87.48 2 67.92c0-19.56 5.76-35.64 17.28-48.24C30.92 7.08 46.34.78 65.54.78s34.62 6.3 46.26 18.9c11.64 12.6 17.46 28.68 17.46 48.24 0 19.56-5.82 35.64-17.46 48.24Z"></path></svg></button>
<div id="navbottom">
<div id="bottomdiv">
<h5><span>Case Studies</span></h5>
</div>
<div id="bottomdiv">
<h5><span>🔥AI & ML</span></h5>
<h5><span>FIntech</span></h5>
<h5><span>Macro</span></h5>
<h5><span>Halowod</span></h5>
<h5><span>Gykol</span></h5>
</div>
<div id="bottomdiv">
<h5><span>🔥AI & ML</span></h5>
<h5><span>FIntech</span></h5>
<h5><span>Macro</span></h5>
<h5><span>Halowod</span></h5>
<h5><span>Gykol</span></h5>
</div>
<div id="bottomdiv">
<h5><span>🔥AI & ML</span></h5>
<h5><span>FIntech</span></h5>
<h5><span>Macro</span></h5>
<h5><span>Halowod</span></h5>
<h5><span>Gykol</span></h5>
</div>
<div id="bottomdiv">
<h5><span>🔥AI & ML</span></h5>
<h5><span>FIntech</span></h5>
<h5><span>Macro</span></h5>
<h5><span>Halowod</span></h5>
<h5><span>Gykol</span></h5>
</div>
</div>
<button id="menu"><i class="ri-list-check"></i></button>
<div id="cross"><i class="ri-close-circle-line"></i></div>
</nav>
<div id="main">
<div id="page1">
<h1 id="myh1">AI & ML PR<span><svg class="c-bttn__morph" fill="none" viewBox="0 0 131 136"><path class="g-path" data-morph="end" fill="#fff" d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z"></path><path class="g-path" data-morph="start" fill="#fff" d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z" data-original="M65.72 109.14c10.08 0 17.76-3.78 23.04-11.34 5.4-7.68 8.1-17.64 8.1-29.88 0-12.24-2.7-22.2-8.1-29.88-5.28-7.68-12.96-11.52-23.04-11.52-9.96 0-17.7 3.84-23.22 11.52-5.4 7.68-8.1 17.64-8.1 29.88 0 12.12 2.7 22.02 8.1 29.7 5.52 7.68 13.26 11.52 23.22 11.52Zm46.08 7.02c-11.64 12.6-27.06 18.9-46.26 18.9s-34.62-6.3-46.26-18.9C7.76 103.56 2 87.48 2 67.92c0-19.56 5.76-35.64 17.28-48.24C30.92 7.08 46.34.78 65.54.78s34.62 6.3 46.26 18.9c11.64 12.6 17.46 28.68 17.46 48.24 0 19.56-5.82 35.64-17.46 48.24Z"></path></svg></span>JECT</h1>
<h1 id="myh2">DESIGN Agency</h1>
<p>WE partner with Ai & Ml Design , guiding them form the series A <br>
to seties D and beyond our expertise in</p>
<div id="buttons">
<h4>Brand Design</h4>
<h4>User Design</h4>
<h4>and </h4>
<h4>Digital Product Design</h4>
</div>
<div id="moving">
<div id="blurleft"></div>
<div class="move">
<img src="https://lazarev.kiev.ua/la24/awww.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/rd.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/webby.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/fwa.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/forbes.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/wf.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/pmi.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/adweek.svg" alt="" decoding="async">
</div>
<div class="move">
<img src="https://lazarev.kiev.ua/la24/awww.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/rd.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/webby.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/fwa.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/forbes.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/wf.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/pmi.svg" alt="" decoding="async">
<img src="https://lazarev.kiev.ua/la24/adweek.svg" alt="" decoding="async">
</div>
<div id="blurright"></div>
</div>
</div>
<div id="page2">
</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.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="index.js"></script>
</body>
</html>