-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
107 lines (98 loc) · 7.71 KB
/
about.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
<!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">
<link href="css/modern-business.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!--[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"><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><a href="index.html">Home</a></li><li class="active"><a href="about.html">About</a></li><li><a href="contact.php">Contact</a></li></ul></div></div></div></div></div>
<div class="jumbotron">
<div class="container">
<h1>About Aleopile</h1>
<p>We are a consulting firm with designers, programmers, and roboticists that can help your company succeed. Go to our home page for more information on how we can help you. you can learn more about our team below.</p>
<!-- <p><a class="btn btn-primary btn-lg" role="button">Learn more »</a></p> -->
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Our Team</h2>
</div>
<div class="col-sm-4">
<img class="img-responsive" src="images/rohan.jpg">
<h3>Rohan Agrawal <small>Founder</small></h3>
<p>Chief Web designer, programer, and Roboticist.</p>
<div class="panel-group" id="accordion">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title" id="toggler">
Rohan In the Press
<div class="pull-right glyphicon glyphicon-chevron-down" id="toggleArrow"></div>
</h4>
</div></a>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
<blockquote class="twitter-tweet"><p>Checkout this <a href="https://twitter.com/search?q=%23Mashable&src=hash">#Mashable</a> article about <a href="https://twitter.com/gonzobyte">@gonzobyte</a>. <a href="http://t.co/XtwfJQzGBp">http://t.co/XtwfJQzGBp</a></p>— Aleopile (@Aleopile) <a href="https://twitter.com/Aleopile/statuses/399980047135555584">November 11, 2013</a></blockquote>
<br>
<blockquote class="twitter-tweet"><p>The founder of <a href="https://twitter.com/Aleopile">@Aleopile</a>, <a href="https://twitter.com/gonzobyte">@gonzobyte</a> is in the news, <a href="http://t.co/XzMk00Fjcc">http://t.co/XzMk00Fjcc</a> <a href="https://twitter.com/search?q=%23cool&src=hash">#cool</a></p>— Aleopile (@Aleopile) <a href="https://twitter.com/Aleopile/statuses/399210827611246592">November 9, 2013</a></blockquote>
</div>
</div>
</div>
</div>
<!-- <div class="g-post" data-href="https://plus.google.com/102603553828858438695/posts/ekLNQQkuZNg"></div> -->
<br/>
<ul class="list-unstyled list-inline list-social-icons">
<!-- <li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook-square fa-2x"></i></a></li> -->
<li class="tooltip-social linkedin-link"><a href="http://www.linkedin.com/pub/rohan-agrawal/59/907/7b8" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
<!-- <li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter-square fa-2x"></i></a></li> -->
<!-- <li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus-square fa-2x"></i></a></li> -->
</ul>
<!-- <div class="col-sm-4">
<img class="img-responsive" src="http://placehold.it/750x450">
<h3>John Smith <small>Job Title</small></h3>
<p>What does this team member do? Keep it short! This is also a great spot for social links!</p>
<ul class="list-unstyled list-inline list-social-icons">
<li class="tooltip-social facebook-link"><a href="#facebook-profile" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook-square fa-2x"></i></a></li>
<li class="tooltip-social linkedin-link"><a href="#linkedin-profile" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
<li class="tooltip-social twitter-link"><a href="#twitter-profile" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter-square fa-2x"></i></a></li>
<li class="tooltip-social google-plus-link"><a href="#google-plus-profile" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus-square fa-2x"></i></a></li>
</ul>
</div>-->
</div>
</div>
<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>
<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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="bootstrap/dist/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){$('#toggler').click(function(){
if($('#toggleArrow').hasClass('glyphicon-chevron-down'))
$('#toggleArrow').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
else
$('#toggleArrow').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
});});
</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>