-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
115 lines (114 loc) · 6.16 KB
/
services.html
File metadata and controls
115 lines (114 loc) · 6.16 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
105
106
107
108
109
110
111
112
113
114
115
<!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>
<section class="container">
<section class="header">
<nav>
<h1>S&J</h1>
<img src="img/nav-hamburger.png" class="menu-button">
<div class="menu">
<img src="img/nav-hamburger-close.png" class="close">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="#">Contact</a>
</div>
</nav>
</section>
<div>
<img>
<div>
<div class="top-content services">
<img class="services_jumbotron" src="img/services/services-jumbotron.png">
<h1 class="services_title">Services</h1>
<p>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>
</div>
</div>
<section>
<div class = "tabs">
<div class="topics">
<div data-tab="Pre-Construction"class="tab active-tab ">Pre-Construction</div>
<div data-tab="Construction" class="tab">Construction</div>
<div data-tab="Design_Build" class="tab">Design Build</div>
<div data-tab="Sustainability" class="tab">Sustainability</div>
</div>
</div>
</section>
<section class="middle-content">
<div class="card active-tab-selected" data-tab="Pre-Construction">
<div class="card_info ">
<h1>Pre-Construction</h1>
<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.</p>
<p>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" class = "services-img" data-tab = "Pre-Construction">
</div>
<div class="card" data-tab="Construction">
<div class="card_info">
<h1>Construction</h1>
<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.</p>
<p>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" class = "services-img" data-tab = "Construction">
</div>
<div class="card" data-tab="Design_Build">
<div class="card_info">
<h1>Design Build</h1>
<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.</p>
<p>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" class = "services-img" data-tab = "Design_Build">
</div>
<div class="card" data-tab="Sustainability">
<div class="card_info">
<h1>Sustainability</h1>
<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.</p>
<p>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" class = "services-img" data-tab = "Sustainability">
</div>
</section>
<footer>
<span class="emailQ">Interested in starting a project?<br>
Let's talk:
<form class="email-css" action="/action_page.php">
<input type="email" name="email" placeholder="Enter email">
</form>
We'll never share your email with anyone else</span>
<div class="location">
<h3 class="email-heading">New York</h3>
<p class="email-text">123 Lane<br>
Suite 100<br>
Albany, NY 1234<br>
202 555 0144</p>
</div>
<div class="location">
<h3 class="email-heading">Florida</h3>
<p class="email-text">Ocean Drive<br>
Suite 201<br>
Orlando,FL 22345<br>
502 555 0144</p>
</div>
<div class="location">
<h3 class="email-heading">California</h3>
<p class="email-text">Mountain Street<br>
Suite 105<br>
San Diego, CA 22345<br>
702 555 0144</p>
</div>
</footer>
<h5>Copyright © 2018 Smith and Jones<br></h5>
</section>
<script src="js/index.js"></script>
<script src="js/nav.js"></script>
<script src="js/services.js"></script>
</body>