-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (156 loc) · 7.56 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="en-US">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="Public">
<META NAME="ROBOTS" CONTENT="ALL">
<title>Lone Star AV Pros - Houston ,TX</title>
<!-- CSS -->
<!-- <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/> -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" lazyload/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection" lazyload/>
<style>
.icon-block {
padding: 0 15px;
}
.icon-block .material-icons {
font-size: inherit;
}
.parallax-container {
height: 800px;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="navbar-fixed">
<nav class="light-blue lighten-1" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo center"><img id="logo" class="card z-depth-3" width="160" src="images/lonestar_av_pro-logo-crop-opt.png" /></a>
<ul class="left hide-on-med-and-down">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
<ul class="right hide-on-med-and-down">
<li><a class="waves-effect waves-light btn red" href="#">Schedule an Appointment</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<div class="parallax-container">
<div class="parallax"><img src="images/header_tv-wall-mounted-small-cropped-opt.jpg"></div>
</div>
<div class="container">
<div class="row" style="margin-top: -100px">
<div class="col s12 m6">
<div class="card z-depth-3">
<div class="card-content grey lighten-5 black-text">
<span class="card-title blue-text"><a href="#">Residential</a></span>
<p>Structured Cabling, Networking, Whole-house Audio, Whole-house Video, Home Automation, TV Mounting, Home Theater, Media Room, Comfort</p>
</div>
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">arrow_forward</i></a>
</div>
<div class="card-action blue-link">
<a href="#">Learn More</a>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card z-depth-3">
<div class="card-content grey lighten-5 black-text">
<span class="card-title blue-text">Commercial</span>
<p>Structured Cabling, Conference Room, Huddle Room, Interactive Displays, Distributed Audio, Video Walls, Video Distribution, Networking</p>
</div>
<div class="card-image">
<a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">arrow_forward</i></a>
</div>
<div class="card-action blue-link">
<a href="#">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Efficient & Streamlined Practices</h5>
<p class="light">We live and breath technology, so you don't have to. Let's face it, technology is at a point that it will always be a part of our lives. That excites us, but we realize it's not everyones cup of tea. So we keep up with what's hot and what's not, or more importantly, what works and what does not. This way you can have the conveniences of technology without all the trial and error.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">group</i></h2>
<h5 class="center">Customer-focused Professionals</h5>
<p class="light">We have helped hundreds of clients just like you take advantage of everything this technology rich world has to offer. The solutions we provide, we most likely live with ourself. During our process, we get to know your desired results. Only once we indentify what that looks like will we craft a custom solution. </p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center light-blue-text"><i class="material-icons">settings</i></h2>
<h5 class="center">Proven Practices & Standards</h5>
<p class="light">Our technologists are the creaftsmen of the technology world. We study the best practices and standards and only provide the best quality work. While we strive to be efficient, we also pride ourself on quality. In a fast paced world of technology, it is less important to be able to claim to be an expert, but what we can proudly say, is that every day we strive to do the best quality we that we have ever done.</p>
</div>
</div>
</div>
</div>
<br><br>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Company Bio</h5>
<p class="grey-text text-lighten-4">We are lifelong technologist providing consulting and services to individuals and businesses in the area of networking, home automation, entertainment, home theater and more.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Settings</h5>
<ul>
<li><a class="white-text" href="#!">Home</a></li>
<li><a class="white-text" href="#!">About Us</a></li>
<li><a class="white-text" href="#!">Services</a></li>
<li><a class="white-text" href="#!">Portfolio</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text" href="#!">Facebook</a></li>
<li><a class="white-text" href="#!">Instagram</a></li>
<li><a class="white-text" href="#!">Twitter</a></li>
<li><a class="white-text" href="#!">Houzz</a></li>
<li><a class="white-text" href="#!">Angie's List</a></li>
<li><a class="white-text" href="#!">Home Advisor</a></li>
<li><a class="white-text" href="#!">Amazon</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 Lone Star Audio Visual Professionals <a class="blue-text text-lighten-3" href="http://materializecss.com">Terms of Service</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<script src="js/init.js"></script>
</body>
</html>