-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
128 lines (113 loc) · 7.04 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Add CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<!-- Add JS -->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/parallax/parallax.js"></script>
<!-- Add Font Awesome -->
<link rel="stylesheet" href="css/web-fonts-with-css/css/fontawesome-all.css">
<!-- Title and Icon -->
<link rel="icon" href="images/logo.png">
<title>TechnoTrain - About</title>
<style>
p {
text-indent: 50px;
}
</style>
</head>
<body id="body">
<div class="parallax-window" data-parallax="scroll" data-image-src="images/dream-laptop.jpg">
<nav class="navbar navbar-inverse sticky-top" id="navigate">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#myPage">TechnoTrain</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">HOME</a></li>
<li class="active"><a href="about.html">ABOUT</a></li>
<li><a href="training.html">TRAINING</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav><!-- Navigation -->
<!-- About Us -->
<div class="container sm-margin" style="padding: 10%; background-color: rgba(255, 255, 255, 0.95); margin-bottom: 50px;">
<div>
<h1 class="center">About Us</h1>
<video width="100%" height="300px;" controls id="about-video" title="TechnoTrain Orientation Video" style="background-color: black;">
<source src="images/about-video.3gpp" width="100%">
Your browser does not support the video tag.
</video>
<h5 class="center">TechnoTrain Orientation Video</h5>
<br><br>
<img class="slideanim center-box" src="images/logo.png" width="200px" title="TechnoTrain Logo" alt="TechnoTrain Logo">
<h5 class="slideanim center">TechnoTrain Logo</h5>
<h1 class="slideanim center">What is TechnoTrain?</h1>
<p class="slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet justo lectus. Nulla non tempor lacus, eu volutpat erat. Nullam tortor tellus, iaculis vitae luctus in, mollis a elit. Fusce eu dolor id libero porttitor viverra sed eu ipsum. Mauris tincidunt augue et ex ornare tincidunt. Sed est mauris, fermentum vel ipsum vitae, ultrices mollis libero. Phasellus scelerisque sapien vitae congue hendrerit. Nunc nisi urna, aliquet non metus ac, pellentesque varius orci. Aliquam erat volutpat. Pellentesque ut diam nisi.</p>
<p class="slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet justo lectus. Nulla non tempor lacus, eu volutpat erat. Nullam tortor tellus, iaculis vitae luctus in, mollis a elit. Fusce eu dolor id libero porttitor viverra sed eu ipsum. Mauris tincidunt augue et ex ornare tincidunt. Sed est mauris, fermentum vel ipsum vitae, ultrices mollis libero. Phasellus scelerisque sapien vitae congue hendrerit. Nunc nisi urna, aliquet non metus ac, pellentesque varius orci. Aliquam erat volutpat. Pellentesque ut diam nisi.</p>
<h1 class="slideanim center">Our Mission</h1>
<p class="slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet justo lectus. Nulla non tempor lacus, eu volutpat erat. Nullam tortor tellus, iaculis vitae luctus in, mollis a elit. Fusce eu dolor id libero porttitor viverra sed eu ipsum. Mauris tincidunt augue et ex ornare tincidunt. Sed est mauris, fermentum vel ipsum vitae, ultrices mollis libero. Phasellus scelerisque sapien vitae congue hendrerit. Nunc nisi urna, aliquet non metus ac, pellentesque varius orci. Aliquam erat volutpat. Pellentesque ut diam nisi.</p>
<h1 class="slideanim center">Our Vision</h1>
<p class="slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet justo lectus. Nulla non tempor lacus, eu volutpat erat. Nullam tortor tellus, iaculis vitae luctus in, mollis a elit. Fusce eu dolor id libero porttitor viverra sed eu ipsum. Mauris tincidunt augue et ex ornare tincidunt. Sed est mauris, fermentum vel ipsum vitae, ultrices mollis libero. Phasellus scelerisque sapien vitae congue hendrerit. Nunc nisi urna, aliquet non metus ac, pellentesque varius orci. Aliquam erat volutpat. Pellentesque ut diam nisi.</p>
</div>
<br><br>
</div>
<!-- Footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 slideanim">
<div class="well well-lg footer-box">
<strong><i class="fas fa-phone"></i>Phone</strong>
<p>(342) 622-1233</p>
</div>
</div>
<div class="col-md-3 col-sm-6 slideanim">
<div class="well well-lg footer-box contact-box">
<strong><i class="fas fa-map-marker-alt"></i>Address</strong>
<p>Roxas City, Capiz, Philippines</p>
</div>
</div>
<div class="col-md-3 col-sm-6 slideanim">
<div class="well well-lg footer-box service-box">
<strong><i class="fas fa-envelope"></i>Email</strong>
<p>TechnoTrainph@gmail.com</p>
</div>
</div>
<div class="col-md-3 col-sm-6 slideanim">
<div class="well well-lg footer-box">
<strong><i class="fab fa-facebook"></i>Facebook</strong>
<p>fb.com/TechnoTrainph</p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer f-bottom">
<div class="container">
<div class="row">
<div class="col-sm-12">
<p>Copyright 2018 by <a>TechnoTrain Ph</a>. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>