-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
111 lines (100 loc) · 4.14 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
<!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>Acme Web Design |Services</title>
<link rel="stylesheet" href="acme css/acme.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Steve's</span> Web Design</h1>
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><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>
<input type="email" placeholder="enter your email">
<button type="submit" class="button_1">Subscribe</button>
</form>
</div>
</section>
<section id="main">
<div class="container">
<article id="main-content">
<h1 class="page-tittle">Our Services</h1>
<ul id="services">
<li>
<h3>Website Design</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus nibh at suscipit semper. Aliquam posuere
enim eu
felis pretium consequat.
Nulla ut vehicula mi, vel convallis sapien. Morbi eros dolor, dapibus quis lorem non, fermentum
posuere justo.
</p>
<p>Pricing: $1,000 - $3,000</p>
</li>
<li>
<h3>Website Maintenance</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus nibh at suscipit semper. Aliquam posuere
enim eu
felis pretium consequat.
Nulla ut vehicula mi, vel convallis sapien. Morbi eros dolor, dapibus quis lorem non, fermentum
posuere justo.
</p>
<p>Pricing: $300 per month</p>
</li>
<li>
<h3>Web Hosting</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus nibh at suscipit semper. Aliquam posuere
enim eu
felis pretium consequat.
Nulla ut vehicula mi, vel convallis sapien. Morbi eros dolor, dapibus quis lorem non, fermentum
posuere justo.
</p>
<p>Prices: $35 per month</p>
</li>
</ul>
</article>
<aside id="sidebar">
<div class="dark">
<h3>Get a Qoute</h3>
<form class="quote">
<div>
<label for="name">Name</label> <br>
<input type="text" placeholder="Please enter your name.">
</div>
<div>
<label for="mail">Email</label> <br>
<input type="email" placeholder="Please enter your email.">
</div>
<div>
<label for="message">Message</label> <br>
<textarea placeholder="Message"></textarea>
</div>
</form>
<button class="button_1" type="submit">Send</button>
</div>
</aside>
</div>
</section>
<footer>
<p>Steve's Web Design, copyright ©2017</p>
</footer>
</body>
</html>