-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathhistory.html
147 lines (147 loc) · 6.09 KB
/
history.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>History | BoxOfDevs Team</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" id="camera-css" href="css/camera.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/slicknav.css">
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,700|Open+Sans:700" rel="stylesheet" type="text/css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile.customized.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.isotope.js"></script>
<script src="js/camera.min.js"></script>
<script src="js/myscript.js"></script>
<script src="js/sorting.js"></script>
</head>
<body>
<div id="home">
<div class="headerLine">
<div id="menuF" class="default">
<div class="container">
<div class="row">
<div class="logo col-md-4">
<div>
<a href="#">
<img src="images/logo.png"><p>BoxOfDevs Team</p>
</a>
</div>
</div>
<div class="col-md-8">
<div class="navmenu"style="text-align: center;">
<ul id="menu">
<li><a href="index.html">Go Back Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="active last"><a href="">History</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row wrap">
<div class="col-md-12 gallery">
<div class="camera_wrap camera_white_skin" id="camera_wrap_1">
<div data-thumb="" data-src="images/slides/blank.gif">
<div class="img-responsive camera_caption fadeFromBottom">
<h2>What is our origin?</h2>
</div>
</div>
<div data-thumb="" data-src="images/slides/blank.gif">
<div class="img-responsive camera_caption fadeFromBottom">
<h2>What is our purpose?</h2>
</div>
</div>
<div data-thumb="" data-src="images/slides/blank.gif">
<div class="img-responsive camera_caption fadeFromBottom">
<h2>What is our history?</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4 project">
<h3 id="counter">0</h3>
<h4>Awesome Projects</h4>
<p>At the moment, we are currently working on and maintaining 17 amazing projects.</p>
</div>
<div class="col-md-4 project">
<h3 id="counter1">0</h3>
<h4>Archived Projects</h4>
<p>We recently did a cleanup of our projects that are no longer updated, are abandoned, or don't work. We have 22 archived projects.</p>
</div>
<div class="col-md-4 project">
<h3 id="counter2" style="margin-left: 20px;">0</h3>
<h4 style="margin-left: 20px;">Staff Members</h4>
<p>We have one original founder, along with 6 members who have been with us from the beginning. We have an inherited student who is learning from another former member who was with us from the beginning (he has now left, unfortunately). We also have one new member who recently joined the team. None of our members are payed for what they do.</p>
</div>
</div>
</div>
<div class="line4">
<div class="container">
<div class="row Ama">
<div class="col-md-12">
<h3>So... What was this begining?</h3>
<p>I was wondering when you would ask. Just take a look down below.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 wwa">
<span name="about"></span>
<br>
<h3>Uhhh... About that -></h3>
<h4>We haven't quite finished coding this page yet 😐. Head back to <a href="index.html">our homepage</a> while you wait (don't literally wait on the site though, it might take a bit longer than that to finish). Sorry about that!</h4>
<br> <br> <br>
</div>
</div>
</div>
</div>
<div class="lineBlack">
<div class="container">
<div class="row downLine">
<div class="col-md-12 text-right">
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element');
}
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<div class="col-md-6 text-left copy">
<p id="copyright"></p>
</div>
<div class="col-md-6 text-right dm">
<ul id="downMenu">
<audio controls>
<source src="developers.mp3" type="audio/mpeg">
</audio>
<li><a href="index.html">Go Back Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="active last"><a href="">History</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.prettyPhoto.js" charset="utf-8"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/morescripts.js"></script>
</body>
</html>