Skip to content

Commit 6e57069

Browse files
author
Sebastian
committed
script:Se agrega temas bootstrap
1 parent b8230fd commit 6e57069

File tree

3 files changed

+148
-6
lines changed

3 files changed

+148
-6
lines changed

‎Clase de CSS/estilos.css

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
body{
2-
background-color: #d9d9d9;
2+
background:linear-gradient(rgb(207, 221, 10) ,rgb(16, 13, 187),rgb(163, 6, 6));
33
color:darkblue;
44
font-family: tahoma;
55
margin:0px;
@@ -48,4 +48,30 @@ address{
4848
margin-top:10px;
4949
padding-top: 10px;
5050
border-top:thin dotted;
51+
52+
}
53+
54+
.box{
55+
border-radius:30px;
56+
width:90%;
57+
background: white;
58+
59+
}
60+
61+
#home {
62+
padding:10px;
63+
}
64+
65+
#domicilios {
66+
padding-left:100px;
67+
}
68+
69+
#formulario {
70+
padding:50px;
71+
height:200px;
72+
}
73+
74+
#redes {
75+
padding:70px;
76+
5177
}

‎Clase de CSS/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,27 +15,27 @@
1515

1616
</ul>
1717

18-
<div id="home">
18+
<div id="home" class="box">
1919
<h1> Bienvenido a la página con css </h1>
2020
<p> Es una página con estilos css</p>
2121
<p> Esta es la sección home </p>
2222
<address> Creada el 1 de Julio de 2020</address>
2323
</div>
2424

25-
<div id="domicilios">
25+
<div id="domicilios" class="box" >
2626
<h1> Bienvenido Sección de Domicilios </h1>
2727
<p> Aqui pedirá sus domicilios en línea</p>
2828

29-
<div class="imagen">
29+
<div class="imagen" >
3030
<img src="../Redes Sociales/Imagenes/atlante.jpg" class="imagen"/>
3131
</div>
3232
</div>
3333

34-
<div id="formularios">
34+
<div id="formularios" class="box">
3535

3636
</div>
3737

38-
<div id="redes">
38+
<div id="redes" class="box">
3939

4040
</div>
4141

‎bootstrap Temas/Botones/botones.html

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Botones</title>
7+
<link rel="stylesheet" href="../../Bootstrap/css/bootstrap.min.css"/>
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
9+
</head>
10+
<body>
11+
<button class="btn btn-primary"> Botón</button>
12+
<button class="btn btn-secondary"> Botón</button>
13+
<button class="btn btn-success"> Botón</button>
14+
<button class="btn btn-info"> Botón</button>
15+
<button class="btn btn-warning"> Botón</button>
16+
<button class="btn btn-danger"> Botón</button>
17+
<button class="btn btn-dark"> Botón</button>
18+
<button class="btn btn-light"> Botón</button>
19+
<button class="btn btn-link"> Botón</button>
20+
21+
22+
<hr>
23+
<a class="btn-primary" href="#"> Enlace</a>
24+
<button type="submit" class="btn btn-dark"> Ok</button>
25+
<input type="button" class="btn btn-primary" value="Aceptar"/>
26+
<input type="submit" class="btn btn-primary" value="Send"/>
27+
<input type="reset" class="btn btn-primary" value="Refresh"/>
28+
29+
<hr>
30+
<button class="btn btn-outline-primary"> Botón</button>
31+
<button class="btn btn-outline-success"> Botón</button>
32+
<button class="btn btn-outline-dark"> Botón</button>
33+
<button class="btn btn-outline-info"> Botón</button>
34+
<button class="btn btn-outline-warning"> Botón</button>
35+
<button class="btn btn-outline-danger"> Botón</button>
36+
<button class="btn btn-outline-light"> Botón</button>
37+
<button class="btn btn-outline-secondary"> Botón</button>
38+
39+
40+
<hr>
41+
<button class="btn btn-primary btn-lg"> Botón</button>
42+
<button class="btn btn-primary btn-sm"> Botón</button>
43+
<button class="btn btn-primary btn-md"> Botón</button>
44+
45+
<hr>
46+
<button class="btn btn-primary btn-block"> Botón</button>
47+
48+
<hr>
49+
<button class="btn btn-primary btn-lg"> <i class="fa fa-telegram" aria-hidden="true"> </i> Botón </button>
50+
51+
<hr>
52+
<button class="btn btn-dark active"> Hola </button>
53+
<button class="btn btn-dark disable"> Hola </button>
54+
<button class="btn btn-dark active" data-toggle="button"> Hola </button>
55+
56+
<hr>
57+
<div class="dropdown">
58+
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
59+
Elegir </button>
60+
<div class="dropdown-menu">
61+
<a href="#" class="dropdown-item">Uno </a>
62+
<a href="#" class="dropdown-item">Dos </a>
63+
<a href="#" class="dropdown-item">Tres </a>
64+
</div>
65+
66+
</div>
67+
68+
<hr>
69+
<div class="btn-group">
70+
71+
<button class="btn btn-success "> Botón </button>
72+
<button class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown"> Toggle Dropdown</button>
73+
<div class="dropdown-menu">
74+
<a href="#" class="dropdown-item">Uno </a>
75+
<a href="#" class="dropdown-item">Dos </a>
76+
<a href="#" class="dropdown-item">Tres </a>
77+
</div>
78+
</div>
79+
80+
<hr>
81+
<div class="btn-group">
82+
<button class="btn btn-dark">Izquierda</button>
83+
<button class="btn btn-dark">Centro</button>
84+
<button class="btn btn-dark">Derecha</button>
85+
</div>
86+
87+
<div class="btn btn-toolbar" role="toolbar">
88+
<div class="btn-group mr-2">
89+
<button class="btn btn-primary"> Uno </button>
90+
<button class="btn btn-primary"> Dos </button>
91+
<button class="btn btn-primary"> Tres </button>
92+
<button class="btn btn-primary"> Cuatro </button>
93+
</div>
94+
95+
96+
<div class="btn-group">
97+
<button class="btn btn-primary"> Cinco </button>
98+
<button class="btn btn-primary"> Seis </button>
99+
<button class="btn btn-primary"> Siete </button>
100+
<button class="btn btn-primary"> Ocho </button>
101+
</div>
102+
103+
</div>
104+
105+
<hr>
106+
<div class="btn-group-vertical">
107+
<button class="btn btn-dark">Izquierda</button>
108+
<button class="btn btn-dark">Centro</button>
109+
<button class="btn btn-dark">Derecha</button>
110+
</div>
111+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
112+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
113+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
114+
115+
</body>
116+
</html>

0 commit comments

Comments
 (0)