-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
198 lines (175 loc) · 9.33 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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="L\'application qui va révolutionner vos envies sur les transports">
<meta name="author" content="Clément LO-CASCIO | Concepteur DEVOPS/SYSOPS 1ère Année | EPSI Bordeaux">
<title>Crash TBM | Accueil</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<!-- Plugin CSS -->
<link rel="stylesheet" href="device-mockups/device-mockups.min.css">
<!-- Custom styles for this template -->
<link href="css/new-age.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Crash TBM</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#download">Trailer</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-5">Crash TBM, l'application qui va vous faire adorer les transports.</h1>
<a href="/play.html" target="_blank" class="btn btn-outline btn-xl js-scroll-trigger">Jouer Maintenant</a>
<a href="#download" class="btn btn-outline btn-xl js-scroll-trigger">Voir le Trailer</a>
</div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait white">
<div class="device">
<div class="screen">
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
<img src="img/CrashTbm - 1.png" class="img-fluid" alt="">
</div>
<div class="button">
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="download bg-primary text-center" id="download">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading">Crash TBM Official Trailer 2020</h2>
<p>L'application de transport de vos rêves</p>
<div class="badges embed-responsive embed-responsive-16by9">
<video controls preload="metadata">
<source class="embed-responsive-item" src="video/Final-1.m4v" type="audio/mp4" />
</video>
</div>
</div>
</div>
</div>
</section>
<section class="features" id="features">
<div class="container">
<div class="section-heading text-center">
<h2>Fonctionnalités illimitées, plaisir illimité</h2>
<p class="text-muted">Après de multiples péripéties, la voici, la voilà, notre web app Crash TBM, est enfin arrivé. </p>
<hr>
</div>
<div class="row">
<div class="col-lg-4 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait white">
<div class="device">
<div class="screen">
<!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
<img src="img/CrashTbm - 1.png" class="img-fluid" alt="">
</div>
<div class="button">
<!-- You can hook the "home button" to some JavaScript events or just remove it -->
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<i class="fas fa-desktop text-primary"></i>
<h3>Cross-Platform</h3>
<p class="text-muted">Grâce à l'utilisation de HTML5, CSS3, Javascript ES6 et de Jquery 1.12.4. Vous profitez d'une compatibilité avec tous les navigateurs web disponible.</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<i class="fas fa-download text-primary"></i>
<h3>No Down</h3>
<p class="text-muted">Aucun téléchargement n’est nécessaire, toutes nos mises à jours et nouvelles fonctionnalités immédiatement. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-present text-primary"></i>
<h3>Utilisation Gratuite</h3>
<p class="text-muted">Comme toujours, l'utilisation de notre jeux est 100% gratuite de A à Z.</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item">
<i class="icon-lock-open text-primary"></i>
<h3>Open Source</h3>
<p class="text-muted">Vous êtes développeur, et souhaitez contribuer à notre web app. Pas de soucis, grâce à notre code Open Source vous pouvez accéder à ce dernier et contribuer à l’amélioration de notre web app. En cliquant <a href="https://github.com/ClemLcs/Workshop-2020" target="_blank" class="btn btn-primary js-scroll-trigger"> Ici</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact bg-primary" id="contact">
<div class="container">
<h2>
We
<i class="fas fa-heart"></i>
new friends!
</h2>
<ul class="list-inline list-social">
<li class="list-inline-item social-google-plus">
<a href="https://github.com/ClemLcs/Workshop-2020" style="background-color: #2b3137 !important">
<i class="fab fa-github"></i>
</a>
</li>
</ul>
</div>
</section>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/new-age.min.js"></script>
</body>
</html>