This repository has been archived by the owner on Sep 19, 2018. It is now read-only.
forked from volny/creative-theme-jekyll
-
Notifications
You must be signed in to change notification settings - Fork 0
/
personalize.html
139 lines (122 loc) · 6.71 KB
/
personalize.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- head -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Race UP Electric Division</title>
<!-- Core CSS -->
<link rel="stylesheet" href="css/core/bootstrap.css" type="text/css">
<link rel="stylesheet" href="css/core/main.css" type="text/css">
<link rel="stylesheet" href="css/core/style.css" type="text/css">
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/default.min.css">
<!-- Core JS -->
<script src="js/core/jquery.js"></script>
<script src="js/core/bootstrap.min.js"></script>
<script src="js/core/jquery.easing.min.js"></script>
<script src="js/core/jquery.fittext.js"></script>
<!-- Font Awesome -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
<!-- Page specific -->
<link href="css/index/animate.css" type="text/css" rel="stylesheet">
<script src="js/index/wow.min.js"></script>
<!-- icon -->
<link rel="icon" type="image/png" href="logo.png">
<!-- Page specific -->
<link rel="stylesheet" href="css/personalize/color-picker.css" type="text/css">
<script src="js/personalize/piklor.js"></script>
<script src="js/personalize/handlers.js"></script>
</head>
<body>
<div class="container text-left" style="padding-top: 6em;">
<!-- title -->
<h1 class="title" align="center">Race UP | Electric Division<span class="version"></span></h1>
<h3 class="title" align="center">Origin-e FSAE electric car</h3>
</div>
<!-- nav -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Navigation menu -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="company.html">Company</a></li>
<li class="menu-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Services<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-item dropdown dropdown-submenu">
<li><a href="personalize.html">Personalize</a></li>
<li><a href="data.html">Data sheet</a></li>
</li>
</ul>
</li>
<li class="menu-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Events<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-item dropdown dropdown-submenu">
<li><a href="races.html">Races</a></li>
<li><a href="track-lap.html">Track lap</a></li>
</li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="app.html">App</a></li>
</ul>
</div>
</div>
</nav>
<!-- main content -->
<article style="padding-top: 6em;">
<section align="center">
<!-- where car is seen -->
<div class="container">
<img align="middle" id="image-canvas" src="img/choices/bcc.png" width="50%" height="auto">
</div>
<!-- where colors are chosen -->
<div class="container" style="padding-top: 2em;">
<div class="col-lg-4 stickers-wrapper picker-wrapper">
<button class="btn btn-default">Select stickers color</button>
<div class="stickers-color-picker color-picker"></div>
</div>
<div class="col-lg-4 frame-wrapper picker-wrapper">
<button class="btn btn-default">Select frame color</button>
<div class="frame-color-picker color-picker"></div>
</div>
<div class="col-lg-4 aero-wrapper picker-wrapper">
<button class="btn btn-default">Select aerodynamics color</button>
<div class="aero-color-picker color-picker"></div>
</div>
</div>
</section>
</article>
<!-- footer -->
<footer>
<div class="container">
<i class="fa fa-code"></i> with <i class="fa fa-heart"></i> and JavaScript by the <strong><a href="https://raceup.github.io/">@Race UP</a></strong> team.
</div>
<ul class="icons">
<li><a href="https://twitter.com/RaceUpTeam" class="icon circle fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://it.linkedin.com/grps/Race-Up-Team-3555234/about?" class="icon circle fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://www.facebook.com/Race-UP-Team-Combustion-440618820789/" title="Combustion division" class="icon circle fa-facebook fa-facebook-cd"><span class="label">Facebook CD</span></a></li>
<li><a href="https://www.facebook.com/Race-UP-Team-Electric-802147286569414/" title="Electric division" class="icon circle fa-facebook fa-facebook-ed"><span class="label">Facebook ED</span></a></li>
<li><a href="https://www.instagram.com/race_up_team/" class="icon circle fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.youtube.com/user/teamraceup" class="icon circle fa-youtube"><span class="label">Youtube</span></a></li>
<li><a href="https://github.com/raceup" class="icon circle fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:info@raceup.it" class="icon circle fa-envelope"><span class="label">Email</span></a></li>
<li><a href="{{ site.baseurl }}/feed.xml" class="icon circle fa-rss"><span class="label">RSS</span></a></li>
</ul>
</footer>
</body>
</html>