-
Notifications
You must be signed in to change notification settings - Fork 0
/
news-inner.html
204 lines (174 loc) · 8.83 KB
/
news-inner.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BLR Genesis</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- menu on top of every page -->
<div class="menu">
<!-- logo -->
<a href="index.html" class="pull-left logo"><img src="img/logo.png" alt="blr-logo"></a>
<!-- menu -->
<ul class="pull-right">
<li><a href="landing-earth-movers.html">Equipment</a></li>
<li><a href="">Resources</a></li>
<li><a href="">About</a></li>
<li><a href="news.html" class="active">News & events</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Locations</a></li>
<li><a href="">Contact</a></li>
<li class="search"><a href=""><img src="img/search.png" style="height: 30px;"></a></li>
<li class="login"><a href="">Login</a></li>
</ul>
<div class="clear"></div> <!-- please keep all .clear, they're very important! -->
</div>
<!-- news header -->
<div class="header header-news-inner" style="background-image: url('img/news-inner-header.jpg')">
<!-- news type (I guess) -->
<h2 class="white-font-color">Case study</h2>
<!-- news title -->
<h1 class="light-blue-font-color">Wastewater solutions</h1>
</div>
<!-- news inner full article -->
<div class="news-inner-article white-bg">
<!-- title -->
<h3>Texas’ Geographical Spread Presents Logistical Challenges</h3>
<!-- intro with blue margin left -->
<p class="news-intro">
Wastewater Solutions relies on BlueLine Rental to have the equipment they need, when they need it, regardless of the many twists and turns the jobsite might take throughout the length
of the project.
</p>
<!-- paragraph -->
<p>
Logistical challenges around wastewater treatment in Texas are complex and can be difficult to overcome due to the geographical spread of the state.
</p>
<p>
A wastewater treatment plant for a new hotel and office complex near Austin proved to be challenging on two fronts — since the project site is hilly and densely wooded, presenting a
topographical challenge, and unexpected major rainfall and flooding greatly disrupted the construction site.
</p>
<!-- arrows on the sides to navigate the articles -->
<a class="left-arrow"></a>
<a class="right-arrow"></a>
</div>
<!-- image behind the testimonials blue box -->
<img src="img/news-inner-img.png" alt="image-title" class="news-inner-img">
<!-- testimonials blue box -->
<div class="news-testimonials dark-blue-bg">
<img src="img/quote.png" alt="quote" class="quote-img">
<p class="white-font-color">
We’ve been doing this a long time, so we’re usually prepared for the unexpected. A key part of this is being able to access the equipment we need, when we need it, even when the plan
has to change. BlueLine didn’t miss a beat and helped us get the project back on track.
</p>
<p class="white-font-color"><i>Greg Gullet, CEO of Wastewater Solutions</i></p>
</div>
<!-- box with images -->
<div class="news-box-with-images white-bg">
<h3>BlueLine Helps Wastewater Solutions Access the Equipment They Need</h3>
<h6 class="light-blue-font-color">Responsive, seamless customer service is one of the reasons Wastewater Solutions chooses to work with BlueLine.</h6>
<p>
The project involved clearing the whole area of trees around the site and move them to another area to be mulched, as well as moving dirt to cover the drip irrigation lines. The two
elements represented a major project that Wastewater Solutions didn’t have the right assets for. The company was forced to switch to repair mode after heavy rainfall damaged the site.
Over the course of the project, BlueLine offered support with a broad range of suitable equipment, including <span class="light-blue-font-color">tracked skid steers</span>,
<span class="light-blue-font-color">mini excavators</span>, and <span class="light-blue-font-color">wheel loaders</span>.
</p>
<!-- equipment images -->
<div class="align-center equipment-img">
<img src="img/equipment1.png" alt="equipment">
<img src="img/equipment2.png" alt="equipment">
<img src="img/equipment3.png" alt="equipment">
</div>
</div>
<!-- about grey bottom box -->
<div class="news-about-box light-grey-bg">
<h3>About Wastewater Solutions Inc.</h3>
<p>
Wastewater Solutions is an Austin-based company that has carved out a highly specialized niche area of expertise in designing, building, and maintaining wastewater infrastructure.
</p>
<p>
The company provides start-to-finish services including permitting, soil evaluation, water treatment plant construction, teams who operate the plant, maintenance and repair crews, and
wastewater removal, including grease traps, lift stations, and septic tanks. The firm boasts an in-house design team that develops, plans, and executes the entire process.
</p>
<p>
<strong>Industry: Wastewater treatment</strong>
<strong>Headquarters: Austin, TX</strong>
<strong>Company Size: 2-4 Employees</strong>
</p>
</div>
<!-- bottom news navigation buttons -->
<div class="news-navigation-btns">
<a class="col-2 news-btn" style="background-image: url('img/news-btn.jpg')">
<span class="left-arrow"></span>
<p>
<span class="white-font-color">Case study</span>
<span class="light-blue-font-color">D.H. Griffin</span>
</p>
</a>
<a class="col-2 news-btn align-right" style="background-image: url('img/news-btn.jpg')">
<p>
<span class="white-font-color">Case study</span>
<span class="light-blue-font-color">Ascension roofing</span>
<span class="white-font-color">
"We know BlueLine won't let us down; in fact, they go the extra mile to make us look good."
</span>
</p>
<span class="right-arrow"></span>
</a>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<!-- menu column -->
<div class="col-3 pull-left">
<p class="light-blue-font-color">Quick links</p>
<ul>
<li><a href="">Careers</a></li>
<li><a href="">FAQs</a></li>
<li><a href="">Credit Application</a></li>
<li><a href="">BCES Power</a></li>
</ul>
</div>
<!-- social column -->
<div class="col-3 pull-left">
<p class="light-blue-font-color">Follow us</p>
<ul>
<li><a href="">Facebook</a></li>
<li><a href="">Twitter</a></li>
<li><a href="">Linkedin</a></li>
</ul>
</div>
<!-- contact form -->
<div class="col-3 pull-right contact-form">
<p class="light-blue-font-color">Contact us</p>
<form>
<label>Name</label>
<input type="text" placeholder="NAME">
<label>Email</label>
<input type="email" placeholder="EMAIL">
<button class="btn light-blue-btn">Send</button>
</form>
</div>
<!-- phone number -->
<a href="tel:1.866.610.BLUE" class="phone-number pull-left light-blue-font-color">1.866.610.BLUE</a>
<div class="clear"></div>
<!-- copyright -->
<p class="copyright white-font-color">
<span class="pull-left">2017 © BlueLine Rental</span>
<span class="pull-left">Fast. Safe. Reliable.</span>
<span class="pull-right">
<a href="" target="_blank">Privacy</a> |
<a href="" target="_blank">Terms</a> |
<a href="" target="_blank">InSite Customer Protal</a> |
<a href="" target="_blank">BlueLink Employee Intranet</a>
</span>
</p>
<div class="clear"></div>
</div>
</div>
<!-- jQuery and custom scripts -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="js/custom.js"></script>
</body>
</html>