-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (128 loc) · 8.94 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
<!DOCTYPE html>
<html>
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K32JW73L');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Hiro Agency Landing Page
</title>
<link rel="icon" type="image/x-icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8HJj6GHkp7Q01G-PqgdmQ-hHCBZsUaiH7ng&usqp=CAU">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K32JW73L"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="page1">
<div class="white">
<div class="title">
</div>
<div class="imageslider">
<div class="slide">
<div class="image">
<img src="https://i.pinimg.com/564x/2d/b3/a4/2db3a475e6b661a97da1575f63f68060.jpg">
</div>
<div class="info">
<div class="number">01</div>
<div class="heading">Remarkable Digital<br>Products</div>
<div class="paragraph"><p>Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for.</p></div>
<div class="readmore"><a href="#readmore">READ MORE</a></div>
<div class="socialmedia">
<a href="#facebook">FACEBOOK</a> . <a href="#twitter">TWITTER</a> . <a href="#behance">BEHANCE</a>
</div>
</div>
</div>
</div>
</div>
<div class="black">
<div class="menu">
<img src="https://i.ibb.co/WB7wwbx/menu.png">
</div>
</div>
</div>
<div class="page2">
<div class="box">
<div class="h1">Digital Product Design</div>
<div class="h2">We take products through every stage necessary for their creation – Product Discovery, Business and User Research, UX/UI Design, Prototyping, Usability Testing, and future Product Improvements.</div>
<div class="designimage">
<img src="https://i.ibb.co/4WN1ytt/img-3.png">
</div>
<div class="h3">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="button">
<input type="submit" value="VIEW MORE" id="submit" style=" cursor: pointer;
background-color: rgba(37, 252, 220, 0.978);width: 230px;height: 50px;
color: black;border-width:0.5px; border-color: black;margin-bottom: 10px;
margin-top: 500px; margin-left: 800px; font-size: 16px; font-weight: bolder;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;"/>
</div>
</div>
</div>
<div class="page3">
<div class="ourservices">Our Services</div>
<div class="section">
<div class="strategy">Strategy </div>
<div class="col1">UI & UX design </div>
<div class="col2">Graphic Design & identity </div>
<div class="col3">Video Production </div>
<div class="col4">Market Analysis </div>
<div class="col5">Deep Campaign strategy </div>
<div class="design">Design </div>
<div class="col6">UI & UX design </div>
<div class="col7">Graphic Design & identity </div>
<div class="col8">Video Production </div>
<div class="col9">Market Analysis </div>
<div class="col10">Deep Campaign strategy </div>
<div class="dev">Development </div>
<div class="col11">UI & UX design </div>
<div class="col12">Graphic Design & identity </div>
<div class="col13">Video Production </div>
<div class="col14">Market Analysis </div>
<div class="col15">Deep Campaign strategy </div>
</div>
<div class="zigzag"><img src="https://i.ibb.co/WyXchX0/Screenshot-123.png"></div>
</div>
<div class="page4">
<div class="txt2">Branding system / Motion design</div>
<div class="img2"><img src="https://i.ibb.co/x6c5HFQ/img2.png"></div>
<div class="txt4">Branding system / Motion design</div>
<div class="txt5">See what we do</div>
<div class="txt6">Branding system / Motion design</div>
<div class="img4"><img src="https://i.ibb.co/LRQ99Qz/Works1.png"></div>
<div class="txt7">VIEW ALL PROJECTS</div>
</div>
<div class="team1">
<div class="meet">Meet <br>The Team</div>
<div class="writing">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</div>
<div class="pic1">
<img src="https://i.ibb.co/80H63Wq/img-5.png">
</div>
<div class="pic2">
<img src="https://i.ibb.co/JWYZTWY/img-4.png">
</div>
<div class="name1"> Paulina Gayoso<br> Project Manager</div>
<div class="name2"> Edwards<br> CTO, Co-Founder</div>
</div>
<div class="page6">
<div class="career">Career<br>Work with us</div>
<div class="para1">Our work transforms how customers experience your business – creating distinction, shifting perceptions and driving growth.</div>
<div class="button1">
<input type="submit" value="VIEW MORE" id="submit" style=" cursor: pointer;
background-color: rgba(78, 235, 212, 0.978);width: 220px;height: 45px;
color: black;border-width:0.1px; border-color: black;margin-bottom: 10px;
margin-top: 200px; margin-left: 760px; font-size: 16px; font-weight: bolder;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;"/>
</div>
</div>
<div class="video">
<iframe width="360" height="215" src="https://www.youtube.com/embed/k85mRPqvMbE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</body>
</html>