-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
190 lines (162 loc) · 7.5 KB
/
index.html
File metadata and controls
190 lines (162 loc) · 7.5 KB
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Page de test</title>
<!-- meta -->
<meta name="description" content="">
<meta name="author" content="">
<!-- mon icon -->
<link rel="shortcut icon" href="favicon.ico">
<!-- framework utilisés -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/clear-typography.css" rel="stylesheet">
<link href="css/design.css" rel="stylesheet">
</head>
<body>
<div id="site">
<header>
<nav class="navbar navbar-inverse navbar-info navbar-top" role="navigation">
<div class="container">
<!-- 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>
<a class="navbar-brand visible-xs" href="#">Menu Principal</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Accueil</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Submenu <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
<li class="divider"></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 6</a></li>
<li><a href="#">Page -1</a></li>
</ul>
</li>
<li><a href="#">Page</a></li>
<li><a href="#">Page</a></li>
<li><a href="#">Page</a></li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<h1 class="logotype" style="max-width:100%;height:auto;margin:auto;"><img src="images/logo.png" /></h1>
</header>
<section id="mainsite" class="container">
<div class="row">
<div class="col-md-4">
<div class="panel panel-info panel-top">Ressources used</div>
<div class="panel panel-default panel-bottom">
<div class="panel-body">
<ul>
<li><a href="http://opengameart.org/content/ui-pack">UI Pack</a></li>
<li><a href="http://opengameart.org/content/ui-pack-rpg-extension">+ RPG extension</a></li>
<li><a href="http://opengameart.org/content/lpc-tile-atlas">LPC tile Atlas</a></li>
<li><a href="https://opengameart.org/content/the-collection-of-8-bit-fonts-for-grafx2-r2">Police d'écriture Saiko Script</a></li>
</ul>
</div>
</div>
<div class="panel panel-primary panel-top">Panel-top</div>
<div class="panel panel-default panel-bottom">
<div class="panel-body">
<p><strong>Panel-bottom :</strong> Mauris a cursus sem, in tempus odio. Curabitur ut ullamcorper enim. In faucibus odio ac arcu pharetra, ac condimentum ex ultricies. Aenean vestibulum eu lacus ac luctus. In in metus libero. Aliquam erat volutpat. Suspendisse quis ultrices odio. Nulla maximus faucibus lobortis.</p>
</div>
</div>
</div>
<div class="col-md-8">
<ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">Library</a></li> <li class="active">Data</li> </ol>
<div class="panel panel-wood">
<div class="panel-body">
<div class="well well-paper">
<p>Roleplay est un design basé sur bootstrap3, inspiré des jeux vidéos et des RPG. Il a pour objectif d'offrir un design amusant à des projets de jeu, où tout simplement à des sites qui veulent offrir une esthétique amusante basé sur ce genre d'univers.</p>
<p>Ce design a été créé à l'origine pour mon blog, kazhnuz.space.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<p><button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-rock">Rock</button></p>
</div>
</div>
<article class="panel panel-paper">
<div class="panel-body">
<h1>
Document de Test
</h1>
<div class="time"><time> Le vendredi 19 septembre 2014 à 07:16 </time></div>
<h2>
Introduction : Lorem Ipsum
</h2>
<p>
<em>
Lorem ipsum dolor sit amet
<sup>
<a href="#1">
[1]
</a>
</sup>
, consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.
</em>
</p>
</div>
</article>
</div>
</div>
</section>
<footer><nav class="navbar navbar-inverse navbar-bottom" role="navigation">
<div class="container">
<!-- 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-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav navbar-left">
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="fa fa-rss"></i> <span class="visible-xs">Flux RSS</span></a></li>
<li><a href="#"><i class="fa fa-twitter"></i> <span class="visible-xs">Twitter</span></a></li>
<li><a href="#"><i class="fa fa-asterisk"></i> <span class="visible-xs">Diaspora*</span></a></li>
<li><a href="#"><i class="fa fa-deviantart"></i> <span class="visible-xs">DeviantART</span></a></li>
<li><a href="#"><i class="fa fa-github"></i> <span class="visible-xs">GitHub</span></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="creativecommon">CC BY-SA <a href="kazhnuz.space">Kazhnuz (Antoine M.)</a></div></footer>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>