forked from thestrugglingblack/basic_ang
-
Notifications
You must be signed in to change notification settings - Fork 1
/
services.html
97 lines (78 loc) · 3.76 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
<!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">
<title>Basic Angular Website</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- Custom styles for this template -->
<link href="justified-nav.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="ie-emulation-modes-warning.js"></script>
</head>
<body>
<div class="container">
<!-- The justified navigation menu is meant for single line per list item.
Multiple lines will require custom code not provided by Bootstrap. -->
<div class="masthead">
<h3 class="text-muted">Computer Solutions</h3>
<nav>
<ul class="nav nav-justified">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-12">
<h2>Services</h2>
<div class ="row service">
<div class="col-md-2">
<img src="http://puppydogweb.com/gallery/yorkshireterriers/yorkshireterrier_adriana.jpg">
</div>
<div class="col-md-10">
<h3>Hardware Repair</h3>
<p>onec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
<a href="contact.html" class="btn btn-primary">Contact Us</a>
</div>
</div>
<div class ="row service">
<div class="col-md-2">
<img src="http://puppydogweb.com/gallery/yorkshireterriers/yorkshireterrier_adriana.jpg">
</div>
<div class="col-md-10">
<h3>Virus Removal</h3>
<p>onec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
<a href="contact.html" class="btn btn-primary">Contact Us</a>
</div>
</div>
<div class ="row service">
<div class="col-md-2">
<img src="http://puppydogweb.com/gallery/yorkshireterriers/yorkshireterrier_adriana.jpg">
</div>
<div class="col-md-10">
<h3>System Tune Up</h3>
<p>onec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
<a href="contact.html" class="btn btn-primary">Contact Us</a>
</div>
</div>
</div>
</div>
<!-- Site footer -->
<footer class="footer">
<p>© Company 2014</p>
</footer>
</div> <!-- /container -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>