-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
173 lines (151 loc) · 9.34 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="We are a consulting company specailizing in Robotics, Web Design, Printed Circuit Boards, Circuit design, and Android app development."><meta name="author" content="Rohan Agrawal">
<link rel="shortcut icon" href="images/favicon.png"><title>Aleopile</title><link rel="stylesheet" type="text/css" href="bootstrap/dist/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="css/aleopile.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]--></head>
<body style="background-image:url(images/sos.png);">
<div class="navbar-wrapper"><div class="container"><div class="navbar navbar-inverse navbar-fixed-top" role="navigation"><div class="container"><div class="navbar-header" style="overflow: hidden;"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#"><img src="images/favicon.png" style="height:32px; margin:-6px 0px;"/>Aleopile</a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav"><li class="active"><a href="index.html">Home</a></li><li><a href="about.html">About</a></li><li><a href="contact.php">Contact</a></li></ul></div></div></div></div></div>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<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="http://aleopile.github.io/images/cares.jpg" alt="First slide">
<div class="carousel-caption">
<h1>Aleopile</h1>
<p>We are a consulting firm with awesome programmers/roboticists, including Rohan Agrawal.</p>
<!-- <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p> -->
</div>
</div>
<div class="item">
<img src="http://aleopile.github.io/images/goldibot.jpg" alt="Second slide">
</div>
<div class="item">
<img src="http://aleopile.github.io/images/mapping.jpg" alt="Third slide">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->
<div class="container marketing">
<div class="row">
<div class="col-lg-1"></div>
<div class="col-lg-10">
<h2 style="text-align: center;" id="title_stuff">Aleopile provides services in the following areas:</h2>
</div>
<div class="col-lg-1"></div>
</div>
<hr/>
<div class="row">
<div class="col-lg-4">
<img class="img-circle lazy" data-original="http://aleopile.github.io/images/applications-internet.png"/>
<h2>Web Design</h2>
<p>Aleopile works heavily in Web Design. We use only modern web standards, making your website ready for the modern web. Our developers use responsive web techniques that allow your website to be optimized for the both Desktop and Mobile markets.</p>
<p><a class="btn btn-default" href="#web" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle lazy" data-original="http://spectrum.ieee.org/img/unbounded1-1382335149866.jpg" width="140" height="140" />
<h2>Robotics</h2>
<p>Aleopile specializes in Robotics, developing robots using the power of the ROS system. These robots are capable of autonomous navigation in a known indoor environment. We can also design a web interface to control your robot remotely.</p>
<p><a class="btn btn-default" href="#robots" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle lazy" data-original="http://aleopile.github.io/images/PCB.jpg" width="140" height="140"/>
<h2>Circuit Design</h2>
<p>Aleopile works in circuit design, schematic capture as well as PCB layout and routing. We are capable of designing multi-layer boards with surface mount parts. We can send the board out to be manufactured for you. </p>
<p><a class="btn btn-default" href="#circuits" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<a id="web"></a>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Modern Web Sites <span class="text-muted">attract more customers.</span></h2>
<p class="lead">Aleopile can design your website from scratch or breathe new life into your old web site. With our expertise in responsive web design you will only have to develop one web site for mobile and desktop, saving you money. Call or Email for quote.</p>
</div>
<div class="col-md-5" style="height: 500px; overflow: hidden;">
<img class="featurette-image img-responsive lazy" data-original="http://aleopile.github.io/images/kids-bytes.jpg"/>
</div>
</div>
<a id="robots"></a>
<hr class="featurette-divider">
<br/>
<div class="row featurette">
<div class="col-md-5" style="height: 500px; overflow: hidden;">
<img class="featurette-image img-responsive lazy" data-original="http://aleopile.github.io/images/herculesv2.jpg"/>
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Intelligent Robots <span class="text-muted">provide cool demos.</span></h2>
<p class="lead">Whether you need a demo for a product or need help developing your robotic application, Aleopile will be happy to assist you. We can leverage the power of the ROS platform, or help you design your own simple robotic platform, Call or Email for quote.</p>
</div>
</div>
<a id="circuits"></a>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Printed Circuit Boards <span class="text-muted">turn your prototype into reality.</span></h2>
<p class="lead">At Aleopile, we also do Printed Circuit Boards. We use free software and we are not locked into a specific manufacturer. Unfortunately we do not do circuit design from scratch, so please have a prototype before consulting us. Call or email for quote.</p>
</div>
<div class="col-md-5" style="height: 500px; overflow: hidden;">
<img class="featurette-image img-responsive lazy" data-original="http://aleopile.github.io/images/circuit.png"/>
</div>
</div>
<hr class="featurette-divider">
<div class="row" style="padding: 15px;">
<div class="g-plusone" data-size="medium"></div>
<a href="https://twitter.com/aleopile" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @aleopile</a>
<div class="fb-like" data-href="https://facebook.com/aleopile" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
<!-- FOOTER -->
<footer>
<!-- <p class="pull-right"><a href="#">Back to top</a></p> -->
<p class="pull-right"><a href="#"> · Back to top</a></p>
<p>© 2013 Aleopile · <!-- <a href="#">Privacy</a> · <a href="#">Terms</a> --></p>
</footer>
</div><!-- /.container -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img.lazy").lazyload({
effect : "fadeIn"
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45380875-1', 'aleopile.com');
ga('send', 'pageview');
</script>
</body>
</html>