Tech/services.html at master · gcodiac/Tech · GitHub

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
<!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 name="description" content="Everything Tech" />
		<meta name="author" content="Ali Albakri" />

		<title>Everything Tech | services</title>
		<link rel="stylesheet" href="./css/style.css" />
	</head>

	<body>
		<div class="page">
			<header>
				<div class="container">
					<!-- Brand -->
					<h1 id="branding"><span class="highlight">Everything</span>Tech</h1>
					<!-- navigation items -->
					<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 action="">
						<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-col">
						<h1 class="page-title">Services</h1>
						<!-- ul#services>(li>h3+p+p)*3-->
						<div id="services">
							<div>
								<h3>Programming Services</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil aspernatur nesciunt doloremque nulla sunt doloribus tenetur illum adipisci repellendus earum distinctio dolor, animi, cupiditate, iusto cumque repellat atque. Facilis,
									tenetur!
								</p>
								<small>Pricing: £59.99 per hour</small>
							</div>
							<div>
								<h3>Security Troubleshooting</h3>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit quam perspiciatis, hic molestiae nobis adipisci illum praesentium vitae! Impedit, modi voluptates tempore molestiae. Unde molestias ea quibusdam natus quae voluptas.</p>
								<small>Pricing: £39 per hour</small>
							</div>
							<div>
								<h3>Networking Setup</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat tempora, necessitatibus alias officia, consequatur cumque nam nihil repellat quibusdam ipsam laborum, architecto vitae. Laborum suscipit voluptatem a voluptatum, eius
									voluptatibus?
								</p>
								<small>pricing: £300 per hour</small>
							</div>
						</div>
					</article>
					<!-- Contact Us form -->
					<aside id="sidebar" class="dark">
						<h3>Contact Us</h3>
						<!--form.quote>(div>label+input)*3-->
						<form action="" class="form">
							<div><label for="">Name</label><br /><input type="text" placeholder="Name" /></div>
							<div><label for="">Email</label><br /><input type="email" placeholder="Email Address" /></div>
							<div><label for="">Message</label><textarea name="" id="" cols="30" rows="10"></textarea></div>
							<button class="button_1 bg-primary" type="submit">Send</button>
						</form>
					</aside>
				</div>
			</section>
		</div>
		<footer>
			<p>Ali Copyright &copy; 2018</p>
		</footer>
	</body>
</html>