-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
221 lines (191 loc) · 11.3 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
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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bleu Green Web Creatives</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta content=" Bleu Green Creatives, Web Dev Shoppe" name="Nigel Alford and Reggie Sanders">
<link href="img/favi.ico" rel="icon">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/screen.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/waypoints.min.js" type="text/javascript"></script>
<script src="js/waypoints-sticky.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollto.js" type="text/javascript"></script>
<script src="js/bootstrap-carousel.js" type="text/javascript"></script>
<script src="js/Index.js" type="text/javascript"></script>
<!-- Fav and touch icons -->
<link href="img/ico/apple-touch-icon-144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">
<link href="img/ico/apple-touch-icon-114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="img/ico/apple-touch-icon-72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="img/ico/apple-touch-icon-57-precomposed.png" rel="apple-touch-icon-precomposed">
<link href="img/ico/favicon.png" rel="shortcut icon">
</head>
<body>
<div class="row-fluid adjustMargin" id="head">
<h2><span class="green">Bleu</span> <span class="blue">Green</span> Creatives</h2>
<p id="headP">An Atlanta based web development shoppe, specializing in handcrafted websites, mapplications, and
other web related goodness.</p>
</div>
<div class="navbar navbar-inverse top-bar" id="navHead">
<div class="navbar-inner adjustMargin">
<div class="container-fluid">
<a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
<!--span class="icon-bar" creates the nav pull down menu--></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="name">
<h4 id="logo"><span class="green">Bleu</span> <span class="blue">Green </span>Creatives</h4>
</li>
<li class="toggle-topbar"><a href="#"></a></li>
</ul>
<ul class="pull-right nav">
<li class="about subheader"><a href="#">About</a></li>
<li class="work subheader"><a href="#">Work</a></li>
<li class="meetus subheader"><a href="#">Meet Us</a></li>
<li class="contact subheader"><a href="#">Contact</a></li>
</ul>
</div><!--nav-collapse collapse-->
</div><!--"container-fluid"-->
</div><!--"navbar-inner"-->
</div><!--"navbar navbar-inverse"-->
<div class="container-fluid" style="margin-top: 100px;">
<div class="row-fluid" style="line-height: 200%;">
<h2 style="text-align: center;"><span class="weare">we are</span><span id="txtRotate"></span></h2>
<div class="row-fluid">
<div class="span4 offset2">
<p> Bleu Green was created as an outlet for our never ending pursuit of all things
digital. We are a full service web design and development shop and our first priority is to provide
a comfortable, informative, and engaging relationship with our clients.</p>
</div>
<div class="span4">
<p> Our attention to detail and dedication ensure we can deliver the high quality
products our client's demand. We understand that technology can be overwhelming and confusing which
is why client education is apart of our mission.</p>
</div>
</div><!--row-fluid-->
<!--
<div class="row-fluid" style="text-align: center;">
<div class="span3 offset2 placeImage" style="border: 1px solid black">
<!== <h4 class="subheader"><a class="showImage" href="#">Meet us</a></h4>
<img alt="droplet_rings" heght="180px" src="img/droplet_rings2.png" title=
"sample title for testing purposes" width="300px"></div>
<div class="span3" style="height: 150px; border: 1px solid black">
<h4 class="subheader"><a href="#">Get in Touch</a></h4>
</div>
<div class="span3" style="height: 150px; border: 1px solid black">
<h4 class="subheader"><a href="#">Our Work</a></h4>
</div>
</div><!==row-fluid-->
<div class="divider" id="work"></div>
<div style="text-align: center;">
<h2 style="text-align: center;" class="blue">WORK</h2>
<div class="row-fluid">
<div id="myCarousel" class="span10 offset1 carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="img/Sportscar.png" alt="">
<div class="carousel-caption">
<h4>Alford Design Group WP site</h4>
<p>Customized Wordpress template...</p>
</div>
</div>
<div class="item">
<img src="img/Spices.png" alt="">
<div class="carousel-caption">
<h4>Coming Soon Page</h4>
<p>Heavenly Seasonings coming soon page, with newsletter signup and on page form options.</p>
</div>
</div>
<div class="item">
<img src="img/Dashboard.png" alt="">
<div class="carousel-caption">
<h4>Administrative Dashboard</h4>
<p>Javascript based, responsive adminstrative dashboard. Integrated JSON/WCF communications for secure data transportation.</p>
</div>
</div>
<div class="item">
<img src="img/Infrastructure.png" alt="">
<div class="carousel-caption">
<h4>Javascript mapplication</h4>
<p>ESRI/Jquery/Dojo mapplication. Created for customer-requested events and tasks.</p>
</div>
</div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
<div class="divider" id="meetus"></div>
<h2 style="text-align: center;" class="green">MEET US</h2>
<div class="row-fluid" style="text-align: left;">
<div class="span5 offset2 row-fluid" style="float:left">
<!-- <div class="span4" style="float:left"><img alt="" data-src="holder.js/150x150"></div> -->
<div class="span5 offset2">
<h3>Friendly Web Developer</h3>
</div><br>
<div class="span8" style="clear:both;margin-top:35px;">
<p>My goal is to fill in the gaps between your thoughts/dreams/hopes/goals for a web presence. I'm one of the people that thoroughly enjoy the web and all things related to it, including creating and recreating the web.
<br><br>
Lets have some fun and bring your vision to life. <span class="fancy">I'm your go-to nerd for all things web.</span> Not everyone will spend countless hours reading and honing their web dev skillset, but I will.<br>
</p>
</div>
</div><!--span5 offset1-->
<div class="span5" style="float:left">
<div class="row-fluid">
<!-- <div class="span3"><img alt="" data-src="holder.js/150x150"></div> -->
<div class="span4 offset2">
<h3>Sandman Dreams</h3>
</div>
</div><br>
<div class="span8" style="clear:both;margin-top:10px;">
<p><span class="fancy">Technology's main goal</span> is to automate <em>boring and dull tasks</em>. We can help you with these jobs, leaving you more time to concentrate on growing your business.<span class="fancy"></span>
</p>
</div>
</div><!--span5-->
</div><!--row-fluid-->
<div class="divider" id="contact"></div>
<h2 style="text-align: center;" class="blue">CONTACT</h2>
<div class="row-fluid">
<div class="span4"></div>
<form action="email.php" class="span4" id="dEmail" method="post" name="dEmail">
<br>
<input name="name" placeholder="Name (required)" style="margin-top: 40px;" type="text"><br>
<br>
<input name="mail" placeholder="Email (required)" type="text"><br>
<br>
<div id="hPot">
<label>If you're human leave this blank:</label> <input class="robotest" id="robotest" name=
"robotest" type="text">
</div>
<textarea cols="40" name="comment" placeholder="Place your Message here...." rows="5">
</textarea><br>
<br>
<span><input type="submit" value="Send"> <input type="reset" value="Reset"></span>
</form>
<div class="span4"></div>
</div>
</div><!--row-fluid-->
</div><!--container-fluid-->
<div class="twelve columns" id="cSub" style="height: 500px;"></div>
<script type="text/javascript">
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
</script>
</body>
</html>