-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
104 lines (103 loc) · 5.66 KB
/
services.html
File metadata and controls
104 lines (103 loc) · 5.66 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Services</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<header>
<nav>
<div class='topbar'>
<h2 class='logo'>S+J</h2>
<img src='img/nav-hamburger.png' class='hamburger'>
</div>
</nav>
<div class='navlinks' class='hide'>
<a class='nav-link' href='index.html' target='_blank'>Home</a>
<a class='nav-link' href='services.html' target='_blank'>Services</a>
<a class='nav-link' href='#'>Contact</a>
</div>
<div class='serv-jumbotron'>
<img src='img/services/services-jumbotron.png' class='serv-jumbotron-img'>
<h1 class='services'>Services</h1>
</div>
</header>
<section class='content'>
<p class='serv-include'> Services include: completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
</p>
<div class="tab-navigator">
<div class="tablinks">
<div class="tablink" data-tab='1'>Pre-Construction</div>
<div class="tablink" data-tab='2'>Construction</div>
<div class="tablink" data-tab='3'>Design Build</div>
<div class="tablink" data-tab='4'>Sustainability</div>
</div>
<div class="tabitems">
<div class="tabitem" data-tab='1'>
<div class="tabitem-text">
<h2 class='tabitem-title'>Pre-Construction</h2>
<p class="tabitem-p">Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric "outside the box" thinking. Completely pursue scalable customer service through sustainable potentialities.
</p>
</div>
<img src="img/services/services-tab-pre-construction-img.png" alt="photo of building plans" class="tabitem-img">
</div>
<div class="tabitem" data-tab='2'>
<div class="tabitem-text">
<h2 class='tabitem-title'>Construction</h2>
<p class="tabitem-p">Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric "outside the box" thinking. Completely pursue scalable customer service through sustainable potentialities.
</p>
</div>
<img src="img/services/services-tab-construction-img.png" alt="photo of construction site" class="tabitem-img">
</div>
<div class="tabitem" data-tab='3'>
<div class="tabitem-text">
<h2 class='tabitem-title'>Design Build</h2>
<p class="tabitem-p">Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric "outside the box" thinking. Completely pursue scalable customer service through sustainable potentialities.
</p>
</div>
<img src="img/services/services-tab-design-build-img.png" alt="photo of people working at a desk" class="tabitem-img">
</div>
<div class="tabitem" data-tab='4'>
<div class="tabitem-text">
<h2 class='tabitem-title'>Sustainability</h2>
<p class="tabitem-p">Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.
Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric "outside the box" thinking. Completely pursue scalable customer service through sustainable potentialities.
</p>
</div>
<img src="img/services/services-tab-sustainability-img.png" alt="photo of an urban green space" class="tabitem-img">
</div>
</div>
</div>
</section>
<footer>
<div class='contact-info'>
<div>
<h3 class='footer-titles'>Interested in starting a project?<br>Let's talk:</h3>
<p class='email'>Enter email</p>
<p class='never-share'>We'll never share your email with anyone else.</p>
</div>
<div>
<h3 class='footer-titles'>New York</h3>
<p class='address'>123 Lane<br>Suite 100<br>Albany, NY 12345<br>202 555 0144</p>
</div>
<div>
<h3 class='footer-titles'>Florida</h3>
<p class='address'>Ocean Drive<br>Suite 201<br>Orlando, FL 22345<br>502 555 0144</p>
</div>
<div>
<h3 class='footer-titles'>California</h3>
<p class='address'>Mountain Street<br>Suite 105<br>San Diego, CA 22345<br>702 555 0144</p>
</div>
</div>
<p class='copyright'>Copyright © 2018 Smith and Jones
</p>
</footer>
</div>
<script src="js/index.js"></script>
</body>
</html>