/
services.html
120 lines (112 loc) · 4.51 KB
/
services.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
<!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>Creative Agency</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo">Creative Agency</div>
<div class="toggle"></div>
<div class="navigation">
<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-bar">
<ul>
<li>
<a href="https://facebook.com">
<img src="images/facebook.png"
target="_blank" alt="">
</a>
</li>
<li>
<a href="https://twitter.com">
<img src="images/twitter.png"
target="_blank" alt="">
</a>
</li>
<li>
<a href="https://instagram.com">
<img src="images/instagram.png"
target="_blank" alt="">
</a>
</li>
</ul>
</div>
<a href="mailto:you@email.com" class="email-icon">
<img src="images/email.png" alt=""></a>
</div>
</header>
<section>
<div class="title">
<h1>Services that we can help you with</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus iusto molestias accusamus rem nobis est, et laborum harum doloremque nemo non, minima quos totam labore maxime iste alias ut esse? Repellat eaque reiciendis laboriosam corporis fuga vero ratione veritatis numquam,
libero magni voluptatum omnis molestiae officiis exercitationem qui quidem nam. </p>
</div>
<div class="services">
<div class="service">
<div class="icon">
<img src="images/001.png" alt="">
</div>
<h2>Design</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
<div class="service">
<div class="icon">
<img src="images/002.png" alt="">
</div>
<h2>Development</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
<div class="service">
<div class="icon">
<img src="images/003.png" alt="">
</div>
<h2>SEO</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
<div class="service">
<div class="icon">
<img src="images/004.png" alt="">
</div>
<h2>Marketing</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
<div class="service">
<div class="icon">
<img src="images/005.png" alt="">
</div>
<h2>App Development</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
<div class="service">
<div class="icon">
<img src="images/006.png" alt="">
</div>
<h2>Error Fixing</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis iste aspernatur sequi inventore laborum possimus,
beatae quam ea voluptate sint.
</div>
</div>
</section>
<script src="script.js"></script>
</body>
</html>