-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
142 lines (107 loc) · 6.27 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Creative Agency Mock Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap"/>
<link rel="stylesheet" href="css/mdb.min.css"/>
<link rel="stylesheet" href="/css/service.css">
<script defer src="js/services.js"></script>
</head>
<body>
<div class="wrapper">
<div class="services-wrapper">
<div class="navigation">
<nav class="navbar">
<div class="logo">Creative Agency</div>
<div class="menu active" style="z-index: 1;">
<span style="
font-size:30px;
cursor:pointer;
background-color: #f60f20;
padding: 0 10px;
/* margin-right: 25px; */
color: rgb(255, 255, 255);
"
onclick="openNav()">☰
</span>
<nav class="navbar navbar-light navbar-1 white">
<div id="mySidenav" class="sidenav">
<nav class="navbar active">
<div class="logo">Creative Agency</div>
<div class="menu active">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
</div>
</nav>
<div class="menu-links active">
<div class="social">
<a href="#"><img src="/img/social_icons/facebook.png" alt="#"></a>
<a href="#"><img src="/img/social_icons/twitter.png" alt="#"></a>
<a href="#"><img src="/img/social_icons/instagram.png" alt="#"></a>
<a href="#" class="email"><img src="/img/email.png" alt="#"></a>
</div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="work.html">Work</a>
<a href="contact.html">Contact</a>
</div>
</div>
</div>
<!-- Collapsible content -->
</nav>
<!--/.Navbar-->
</div>
</nav>
</div>
<div class="services_desc">
<div class="services-title"><h1>Services that we can help you with</h1></div>
<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>
<div class="services">
<div class="grid">
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/001.png" alt="Design"><h3>Design</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/002.png" alt="Development"><h3>Development</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/003.png" alt="SEO"><h3>SEO</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/004.png" alt="Marketing"><h3>Marketing</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/005.png" alt="App Development"><h3>App Development</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
<div class="g-col-6 g-col-md-4"><img src="/img/services_icons/006.png" alt="Eroor fixing"><h3>Error Fixing</h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum omnis nemo sapiente in quidem sed dolores cumque! Ut, est aliquid!</div>
</div>
</div>
</div>
</div>
<!-- SERVICES ENDS HERE -->
<div class="menu-lightbox active">
<nav class="navbar active">
<div class="logo">Creative Agency</div>
<div class="menu active">
<div class="close_menu"><a href="services.html"><i class="fas fa-times"></i></a></div>
</div>
</nav>
<div class="menu-links active">
<div class="social">
<a href="#"><img src="/img/social_icons/facebook.png" alt="#"></a>
<a href="#"><img src="/img/social_icons/twitter.png" alt="#"></a>
<a href="#"><img src="/img/social_icons/instagram.png" alt="#"></a>
<a href="#" class="email"><img src="/img/email.png" alt="#"></a>
</div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="work.html">Work</a>
<a href="contact.html">Contact</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript"></script>
</body>
</html>