-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
169 lines (168 loc) · 5.86 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Proyecto web</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<main>
<nav>
<div class="container nav-container">
<div class="logo">
<img src="./images/logo.png" alt="" />
</div>
<span class="btn-nav" id="btn-menu">Menu</span>
<ul>
<li><a href="/">Demos</a></li>
<li><a href="/">Pages</a></li>
<li><a href="/">Projects</a></li>
<li><a href="/">Blog</a></li>
<li><a href="/">Blocks</a></li>
<li><a href="/">Documentation</a></li>
<span class="btn-nav" id="btn-close">Close</span>
</ul>
</div>
</nav>
<section class="hero">
<div class="container hero-container">
<div class="left">
<h1>A digital agency specializing on <span>mobile design</span></h1>
<p>
We are an award winning design agency that strongly believes in
the power of creative ideas.
</p>
<a class="btn-primary" href="">Get started</a>
</div>
<div class="right">
<img src="./images/hero.svg" alt="Hero image" />
</div>
<!-- <div class="sponsors">
<img src="./images/sponsors/c1.png" alt="" />
<img src="./images/sponsors/c2.png" alt="" />
<img src="./images/sponsors/c3.png" alt="" />
<img src="./images/sponsors/c4.png" alt="" />
<img src="./images/sponsors/c5.png" alt="" />
<img src="./images/sponsors/c6.png" alt="" />
<img src="./images/sponsors/c7.png" alt="" />
</div> -->
</div>
</section>
<section class="services">
<div class="container">
<h2>
The service we offer is specifically designed to meet your needs.
</h2>
<div class="services-list"></div>
</div>
</section>
<section class="strategy">
<div class="container strategy-container">
<div class="left">
<h2>Here are 3 working steps to organize our projects.</h2>
<p>
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis
vestibulum. Etiam porta sem malesuada magna mollis euismod. Nullam
id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus
eget urna mollis.
</p>
<p>
Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum
id ligula porta felis euismod semper. Aenean lacinia bibendum
nulla sed consectetur.
</p>
<a class="btn-primary" href="">Learn more</a>
</div>
<div class="right">
<div class="strategy-cards-container"></div>
</div>
</div>
</section>
<section class="team">
<div class="container team-container">
<div class="info">
<h2>We are proud of our design team</h2>
<p>
Just sit back and relax while we take care of your business needs
for you.
</p>
</div>
<div class="team-statistics">
<div class="team-statistics-item">
<div class="image">
<img src="./images/icons/check.svg" alt="" />
</div>
<h3>1000+</h3>
<p>Completed Projects</p>
</div>
<div class="team-statistics-item">
<div class="image">
<img src="./images/icons/user.svg" alt="" />
</div>
<h3>50k</h3>
<p>Happy cutomers</p>
</div>
<div class="team-statistics-item">
<div class="image">
<img src="./images/icons/trophy.svg" alt="" />
</div>
<h3>20k</h3>
<p>Awards won</p>
</div>
</div>
<div class="team-list"></div>
</div>
</section>
<section class="projects">
<h2>
Check out some of our awesome projects with creative ideas and great
design.
</h2>
<div class="container projects-container"></div>
</section>
<section class="testimonials">
<div class="container">
<h2>
Don't take our word for it. See what customers are saying about us.
</h2>
<div class="testimonials-list"></div>
</div>
</section>
<section class="faqs">
<div class="container faqs-container">
<div class="left">
<h2>
If you don't see an answer to your question, you can send us an
email from our contact form.
</h2>
<p>
Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis
ornare.
</p>
<a class="btn-primary" href="">All FAQ</a>
</div>
<div class="right">
<div class="faqs-list"></div>
</div>
</div>
</section>
</main>
<footer>
<div class="container footer-container">
<h2>
Join our community by using our services and grow your business.
</h2>
<a href="" class="btn-primary">Try it for free</a>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>