-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
90 lines (85 loc) · 4.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Affordable and professional web design">
<meta name="keywords" content="web design, affordable web design, UK web design, professional web design">
<meta name="author" content="Dainis Putans">
<title>Dainis Web Design | Services</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Dainis</span> Web Design</h1> <!-- We could put here image Logo -->
</div>
<nav>
<ul>
<li class="special"><a href="index.html">Home</a></li>
<li class="special"><a href="about.html">About</a></li>
<li class="current"><a href="services.html">Services</a></li>
</ul>
</nav>
</div>
</header>
<section id="newsletter">
<div class="container">
<h1>Subscribe To Our Newsletter</h1>
<form action="#">
<input type="email" placeholder="Enter Email...">
<button type="submit" class="button_1">Subscribe</button>
</form>
</div>
</section>
<section id="main">
<div class="container">
<article id="main-col">
<h1 id="page-title">Services</h1>
<ul id="services">
<li>
<h3>Website Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum odio magna, at varius nisi ullamcorper in. Sed volutpat accumsan leo, nec semper eros gravida euismod. Vivamus id metus porttitor, volutpat felis ut, molestie mi. Sed erat arcu, volutpat et orci sed, hendrerit bibendum sapien. Phasellus dolor orci, cursus a semper quis, pulvinar nec arcu. Integer at consequat ligula, eget sagittis elit. Sed vulputate iaculis lectus, sed maximus magna efficitur ut. Aenean cursus dapibus sapien non ornare. Nunc bibendum sed metus ut condimentum. Cras accumsan pharetra purus, a condimentum sapien gravida a. Mauris commodo laoreet tincidunt. Phasellus sollicitudin lorem eget aliquam iaculis.</p>
<p>Pricing: £150 - 1500</p>
</li>
<li>
<h3>Maintenance</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum odio magna, at varius nisi ullamcorper in. Sed volutpat accumsan leo, nec semper eros gravida euismod. Vivamus id metus porttitor, volutpat felis ut, molestie mi. Sed erat arcu, volutpat et orci sed, hendrerit bibendum sapien. Phasellus dolor orci, cursus a semper quis, pulvinar nec arcu. Integer at consequat ligula, eget sagittis elit. Sed vulputate iaculis lectus, sed maximus magna efficitur ut. Aenean cursus dapibus sapien non ornare. Nunc bibendum sed metus ut condimentum. Cras accumsan pharetra purus, a condimentum sapien gravida a. Mauris commodo laoreet tincidunt. Phasellus sollicitudin lorem eget aliquam iaculis.</p>
<p>Pricing: £150 per month</p>
</li>
<li>
<h3>Hosting</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fermentum odio magna, at varius nisi ullamcorper in. Sed volutpat accumsan leo, nec semper eros gravida euismod. Vivamus id metus porttitor, volutpat felis ut, molestie mi. Sed erat arcu, volutpat et orci sed, hendrerit bibendum sapien. Phasellus dolor orci, cursus a semper quis, pulvinar nec arcu. Integer at consequat ligula, eget sagittis elit. Sed vulputate iaculis lectus, sed maximus magna efficitur ut. Aenean cursus dapibus sapien non ornare. Nunc bibendum sed metus ut condimentum. Cras accumsan pharetra purus, a condimentum sapien gravida a. Mauris commodo laoreet tincidunt. Phasellus sollicitudin lorem eget aliquam iaculis.</p>
<p>Pricing: £25</p>
</li>
</ul>
</article>
<aside id="sidebar">
<div class="dark">
<h3>Get A Quote</h3>
<form action="#" class="quote">
<div>
<label>Name</label><br>
<input type="text" placeholder="Name">
</div>
<div>
<label>Email</label><br>
<input type="email" placeholder="Email Address">
</div>
<div>
<label>Message</label><br>
<textarea placeholder="Message"></textarea>
</div>
<button class="button_1" type="submit">Send</button>
</form>
</div>
</aside>
</div>
</section>
<footer>
<p>Dainis Web Design, Copyright © 2018</p>
</footer>
</body>
</html>