-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
128 lines (121 loc) · 4.23 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
121
122
123
124
125
126
127
128
<!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, inital-scale= 1.0">
<link rel ="stylesheet" href="style.css">
<title>Creative Agency </title>
</head>
<body>
<header>
<div class="logo"> Creative Agency</div>
<div class ="toggle active"></div>
<div class="navigation active">
<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="facebook.png"
target="_blank" alt="" />
</a>
</li>
<li>
<a href="https://twiter.com">
<img src="twitter.png"
target="_blank" alt="" />
</a>
</li>
<li>
<a href="https://instagram.com">
<img src="instagram.png"
target="_blank" alt="" />
</a>
</li>
</ul>
<a href="mailto:[email protected]" class="email-icon">
<img src="email.png" target="_blank" alt ="" />
</a>
</div>
</div>
</header>
<section>
<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 class="services">
<div class="service">
<div class="icon">
<img src="001.png" alt=""/>
</div>
<h2>Design</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
<div class="service">
<div class="icon">
<img src="002.png" alt=""/>
</div>
<h2>Development</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
<div class="service">
<div class="icon">
<img src="003.png" alt=""/>
</div>
<h2>SEO</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
<div class="service">
<div class="icon">
<img src="004.png" alt=""/>
</div>
<h2>Marketing</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
<div class="service">
<div class="icon">
<img src="005.png" alt=""/>
</div>
<h2>App Development</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
<div class="service">
<div class="icon">
<img src="006.png" alt=""/>
</div>
<h2>Error fixixng</h2>
Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Harum omnis
nemo sapiente in quidem sed dolores cumque!
Ut, est aliquid!
</div>
</div>
</section>
<script src ="script.js" ></script>
</body>
</html>