-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (116 loc) · 4.03 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Bowee Slide</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,800' rel='stylesheet' type='text/css'>
</head>
<body id="body">
<div class="wraper">
<div class="form">
<div class="fondo">
<h1> Add a new Slide</h1>
<form id="contacto" method="POST" role="form">
<div class="col-xs-12 col-sm-6">
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-pencil"></span>
</div>
<div class="col-xs-10 ">
<input type="text" id="titulo" name="titulo" class="form-control" placeholder="Introduce el titulo...">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-pencil"></span>
</div>
<div class="col-xs-10 ">
<input type="text" class="form-control" id="subtitulo" name="subtitulo" placeholder="Introduce el subtitulo...">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-pencil"></span>
</div>
<div class="col-xs-10 ">
<input type="text" class="form-control" id="descripcion" name="descripcion" placeholder="Introduce una descripcion...">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-picture"></span>
</div>
<div class="col-xs-10 ">
<input type="text" placeholder="URL de la Imagen" class="form-control" id="input_imagen1">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-picture"></span>
</div>
<div class="col-xs-10 ">
<input type="text" placeholder="URL de la Imagen" class="form-control" id="input_imagen2">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-picture"></span>
</div>
<div class="col-xs-10 ">
<input type="text" placeholder="URL de la Imagen" class="form-control" id="input_imagen3">
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col-xs-2 ">
<span class="glyphicon glyphicon-picture"></span>
</div>
<div class="col-xs-10 ">
<input type="color" class="form-control" id="color_picker">
</div>
</div>
</div>
</div>
<div class="col-xs-12 ">
<div class="col-xs-12 boton_add btn btn-default"><span class="glyphicon glyphicon-plus"></span>Añadir</div>
</div>
</form>
</div>
</div>
<div class="menu">
<div class="col-xs-12 col-sm-6">
<p> Pulsa <i class="glyphicon glyphicon-arrow-down"> </i>Para mostrar Add slide </p>
<p> Pulsa <i class="glyphicon glyphicon-arrow-left"> </i> Para moverte a la Izquierda</p>
</div>
<div class="col-xs-12 col-sm-6">
<p> Pulsa <i class="glyphicon glyphicon-arrow-up"> </i>Para esconder Add slide </p>
<p> Pulsa <i class="glyphicon glyphicon-arrow-right"> </i> Para moverte a la Derecha</p>
</div>
</div>
<div class="contenedor">
</div>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://hammerjs.github.io/dist/hammer.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="main.js"></script>
</body>
</html>