-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (130 loc) · 7.46 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/bootstrap.css">
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Dosis|Oswald' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Sh<span style="color:white;">4</span>re</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li class="nav-header">Nav header</li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form pull-right">
<input class="span2" type="text" placeholder="Email">
<input class="span2" type="password" placeholder="Password">
<button type="submit" class="btn">Sign in</button>
</form>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<!-- <div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a class="btn btn-primary btn-large">Learn more »</a></p>
</div> -->
<!-- Example row of columns -->
<div class="row justify">
<div class="span5">
<h2><i class="about"></i> Qu'est-ce que Sh4re ?</h2>
<p>Destiné tout d'abord à un public de <b>créatifs</b>, Sh4re est une plateforme de partage en ligne.</p><p>C'est un outil permettant aux utilisateurs d'avoir des retours, des conseils ou des points de vue sur leur travaux mais aussi d'intéragir et de créer des choses nouvelles grâce à la communautée.</p>
<p>L'intégralité du contenu de cette plateforme est modéré par les utilisateurs pour qu'il corresponde au mieux à <b>vos</b> attentes.</p>
<p><a class="btn" href="#">En savoir plus »</a></p>
</div>
<div class="span5 offset2">
<h2><i class="nodes"></i> Que partage-t-on sur sh4re ?</h2>
<p>Principalement trois types d'éléments : des <b>Projets</b>, des <b>Créations</b> et des <b>Idées</b> mais aussi des conseils et des points de vues.</p>
<p>Chaque élément se veut détaillé avec notamment les commentaires de son créateur et ses éventuelles attentes par rapport à la communautée.</p>
<p><a class="btn" href="#">En savoir plus »</a></p>
</div>
</div>
<div class="row">
<div class="span7">
<h1>Aujourd'hui sur Sh4re</h1>
<div class="starred">
<div class="item">
<div class="item-upvotes">
<span>100+</span>
</div>
<div class="item-header">
<span class="item-title">Sh4re</span>
<span class="item-author">by Sladix</span>
</div>
<div class="item-pitch">
<span>Plateforme de partage pour créatifs</span>
</div>
<div class="item-body">
<span>Stoupidous ridiculum</span>
</div>
</div>
</div>
</div>
<div class="span5">
<h3>Rejoignez la communauté gratuitement !</h3>
<a href="#" class="btn btn-large btn-primary">Je m'inscris !</a>
</div>
</div>
<hr>
<footer>
<p>© Sh4re 2012</p>
</footer>
</div> <!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>