-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.php
110 lines (103 loc) · 6.94 KB
/
about-us.php
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
<!DOCTYPE html>
<html lang="en">
<?php include 'head.php'; ?>
<body>
<?php include 'header.php'; ?>
<!--/header-->
<section id="title" class="emerald">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h1>About Us</h1>
<p>Together, We weave the Future. Glass Fiber and Carbon Fiber for the World..</p>
</div>
<div class="col-sm-6">
<ul class="breadcrumb pull-right">
<li><a href="index.php">Home</a></li>
<li class="active">About Us</li>
</ul>
</div>
</div>
</div>
</section><!--/#title-->
<section id="about-us" class="container">
<div class="row">
<div class="col-sm-6">
<h2>What we are</h2>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.</p>
</div><!--/.col-sm-6-->
<div class="col-sm-6">
<h2>Our Skills</h2>
<div>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
<span>HTML/CSS</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
<span>Wordpress</span>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
<span>Joomla</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" style="width: 55%;">
<span>Drupal</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
<span>PHP</span>
</div>
</div>
</div>
</div><!--/.col-sm-6-->
</div><!--/.row-->
<div class="gap"></div>
<h1 class="center">Meet the Team</h1>
<p class="lead center">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<div class="gap"></div>
<div id="meet-the-team" class="row">
<div class="col-md-3 col-xs-6">
<div class="center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/team-member.jpg" alt="" ></p>
<h5>David J. Robbins<small class="designation muted">Senior Vice President</small></h5>
<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor.</p>
<a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/team-member.jpg" alt="" ></p>
<h5>David J. Robbins<small class="designation muted">Senior Vice President</small></h5>
<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor.</p>
<a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/team-member.jpg" alt="" ></p>
<h5>David J. Robbins<small class="designation muted">Senior Vice President</small></h5>
<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor.</p>
<a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="col-md-3 col-xs-6">
<div class="center">
<p><img class="img-responsive img-thumbnail img-circle" src="images/team-member.jpg" alt="" ></p>
<h5>David J. Robbins<small class="designation muted">Senior Vice President</small></h5>
<p>Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor.</p>
<a class="btn btn-social btn-facebook" href="#"><i class="icon-facebook"></i></a> <a class="btn btn-social btn-google-plus" href="#"><i class="icon-google-plus"></i></a> <a class="btn btn-social btn-twitter" href="#"><i class="icon-twitter"></i></a> <a class="btn btn-social btn-linkedin" href="#"><i class="icon-linkedin"></i></a>
</div>
</div>
</div><!--/#meet-the-team-->
</section><!--/#about-us-->
<?php include 'bottom.php'; ?>
<!--/#bottom-->
<?php include 'footer.php'; ?>
</body>
</html>