-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (69 loc) · 2.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Creative Agency</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header>
<div class="logo">Creative Agency</div>
<div class="nav__toggle"></div>
<nav class="main__nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="social__icons">
<ul>
<li>
<a href="https://facebook.com">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="https://twitter.com">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://instagram.com">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
<a href="mailto:[email protected]" class="email__icon">
<i class="fa-thin fa-at fa-2xl"></i>
</a>
</div>
</nav>
</header>
<section class="section__flex">
<img src="images/home-img.jpg" class="home__image" alt="" />
<div class="home__content">
<h1 class="section__title">
We help to achieve <br />
your goals
</h1>
<p class="section__text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa magnam,
repellat et eum doloribus non obcaecati consectetur omnis magni
tempora tenetur expedita! Voluptas numquam, quos odit rerum facere ex
ullam eligendi eos?
</p>
<a href="contact.html" class="btn">Get Started</a>
</div>
</section>
<script src="js/script.js"></script>
</body>
</html>