Skip to content

Commit b8230fd

Browse files
author
Sebastian
committed
script: Se agrega carpetas css
1 parent 07f40a7 commit b8230fd

File tree

3 files changed

+208
-0
lines changed

3 files changed

+208
-0
lines changed

‎Clase de CSS/estilos.css

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
body{
2+
background-color: #d9d9d9;
3+
color:darkblue;
4+
font-family: tahoma;
5+
margin:0px;
6+
padding-left: 11em;
7+
}
8+
9+
h1{
10+
font-family: comic sans ms;
11+
}
12+
13+
.imagen{
14+
width: 50%;
15+
}
16+
17+
18+
ul.navbar {
19+
position: absolute;
20+
top:30px;
21+
left:20px;
22+
width:100px;
23+
list-style-type: none;
24+
padding: 0px;
25+
margin: 0px;
26+
}
27+
28+
ul.navbar li{
29+
background:rgb(27, 224, 215);
30+
margin:8px 0px;
31+
padding:5px;
32+
border-right:20px solid yellowgreen;
33+
}
34+
35+
ul.navbar a{
36+
text-decoration: none;
37+
}
38+
39+
a:link{
40+
color:rgb(230, 18, 88);
41+
}
42+
43+
a:visited {
44+
color:rgb(5, 31, 10);
45+
}
46+
47+
address{
48+
margin-top:10px;
49+
padding-top: 10px;
50+
border-top:thin dotted;
51+
}

‎Clase de CSS/index.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
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>Clase de css</title>
7+
<link rel="stylesheet" href="estilos.css"/>
8+
</head>
9+
<body>
10+
<ul class="navbar">
11+
<li> <a href="#home"> Home</a></li>
12+
<li> <a href="#domicilios"> Domicilios</a></li>
13+
<li> <a href="#formularios"> Formularios</a></li>
14+
<li> <a href="#redes"> Nuestras Redes</a></li>
15+
16+
</ul>
17+
18+
<div id="home">
19+
<h1> Bienvenido a la página con css </h1>
20+
<p> Es una página con estilos css</p>
21+
<p> Esta es la sección home </p>
22+
<address> Creada el 1 de Julio de 2020</address>
23+
</div>
24+
25+
<div id="domicilios">
26+
<h1> Bienvenido Sección de Domicilios </h1>
27+
<p> Aqui pedirá sus domicilios en línea</p>
28+
29+
<div class="imagen">
30+
<img src="../Redes Sociales/Imagenes/atlante.jpg" class="imagen"/>
31+
</div>
32+
</div>
33+
34+
<div id="formularios">
35+
36+
</div>
37+
38+
<div id="redes">
39+
40+
</div>
41+
42+
</body>
43+
</html>

‎Sliders/galleria trabajo/galleria.html

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=0.3">
6+
<title>Galleria Azur Theme</title>
7+
<style>
8+
9+
/* Demo styles */
10+
html,body{background:#eee;margin:0;}
11+
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;max-width:820px;margin:20px auto;}
12+
h1{font-size:12px;font-weight:normal;color:#222;margin:0;}
13+
p{margin:0 0 20px}
14+
a {color:#22BCB9;text-decoration:none;}
15+
.galleria-info-description a { color: #bbb;}
16+
.cred{margin-top:20px;font-size:11px;}
17+
18+
/* Gallery measures that will be applied */
19+
.galleria {
20+
height:420px; /* defines a static gallery height */
21+
max-width:820px; /* defines a responsive width */
22+
}
23+
24+
</style>
25+
26+
<!-- load jQuery -->
27+
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script> -->
28+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
29+
30+
<!-- load Galleria -->
31+
<script src="../../galleria.js"></script>
32+
33+
</head>
34+
<body>
35+
<div class="content">
36+
<h1>Galleria Azur Theme</h1>
37+
<p>Demonstrating a simple example.</p>
38+
39+
<div class="galleria">
40+
<a href="https://picsum.photos/id/389/1024/768.jpg">
41+
<img src="https://picsum.photos/id/389/150/100.jpg"
42+
data-big="https://picsum.photos/id/389/1440/1080.jpg"
43+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/bt-Sc22W-BE&quot;&gt;Jake Hills&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
44+
data-title="Footsteps">
45+
</a>
46+
<a href="https://picsum.photos/id/675/1024/768.jpg">
47+
<img src="https://picsum.photos/id/675/150/100.jpg"
48+
data-big="https://picsum.photos/id/675/1440/1080.jpg"
49+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/hBYzBU1xP6s&quot;&gt;Barn Images&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
50+
data-title="Waves washes on beach shore">
51+
</a>
52+
<a href="https://picsum.photos/id/525/1024/768.jpg">
53+
<img src="https://picsum.photos/id/525/150/100.jpg"
54+
data-big="https://picsum.photos/id/525/1440/1080.jpg"
55+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/aViOQZzikVs&quot;&gt;Luca Zanon&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
56+
data-title="Extreme Desert Hike">
57+
</a>
58+
<a href="https://picsum.photos/id/349/1024/768.jpg">
59+
<img src="https://picsum.photos/id/349/150/100.jpg"
60+
data-big="https://picsum.photos/id/349/1440/1080.jpg"
61+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/FmMivfgHCiM&quot;&gt;Caleb George&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
62+
data-title="Man in front of skyline">
63+
</a>
64+
<a href="https://picsum.photos/id/120/1024/768.jpg">
65+
<img src="https://picsum.photos/id/120/150/100.jpg"
66+
data-big="https://picsum.photos/id/120/1440/1080.jpg"
67+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/_DA3D5P71qs&quot;&gt;Guillaume&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
68+
data-title="Milky Way Night Sky">
69+
</a>
70+
<a href="https://picsum.photos/id/299/1024/768.jpg">
71+
<img src="https://picsum.photos/id/299/150/100.jpg"
72+
data-big="https://picsum.photos/id/299/1440/1080.jpg"
73+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/nOhUx3tiaQQ&quot;&gt;Matthew Wiebe&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
74+
data-title="My favorite building in the city">
75+
</a>
76+
<a href="https://picsum.photos/id/219/1024/768.jpg">
77+
<img src="https://picsum.photos/id/219/150/100.jpg"
78+
data-big="https://picsum.photos/id/219/1440/1080.jpg"
79+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/7iB4OZDlRok&quot;&gt;Martyn Seddon&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
80+
data-title="Encounter with a leopard">
81+
</a>
82+
<a href="https://picsum.photos/id/856/1024/768.jpg">
83+
<img src="https://picsum.photos/id/856/150/100.jpg"
84+
data-big="https://picsum.photos/id/856/1440/1080.jpg"
85+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/omKdUQ9R3Zo&quot;&gt;Olu Eletu&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
86+
data-title="Elegant man with hot coffee">
87+
</a>
88+
<a href="https://picsum.photos/id/531/1024/768.jpg">
89+
<img src="https://picsum.photos/id/531/150/100.jpg"
90+
data-big="https://picsum.photos/id/531/1440/1080.jpg"
91+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/zr8msYQhfRg&quot;&gt;Jeff Sheldon&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
92+
data-title="Vintage cameras">
93+
</a>
94+
<a href="https://picsum.photos/id/426/1024/768.jpg">
95+
<img src="https://picsum.photos/id/426/150/100.jpg"
96+
data-big="https://picsum.photos/id/426/1440/1080.jpg"
97+
data-description="by &lt;a href=&quot;https://unsplash.com/photos/01ZeHnK3F_4&quot;&gt;Ales Krivec&lt;/a&gt; on &lt;a href=&quot;https://unsplash.com&quot;&gt;Unsplash&lt;/a&gt;"
98+
data-title="Valley town">
99+
</a>
100+
101+
102+
103+
</div>
104+
<script>
105+
$(function() {
106+
// Load the Azur theme
107+
Galleria.loadTheme('galleria.azur.js');
108+
109+
// Initialize Galleria
110+
Galleria.run('.galleria');
111+
});
112+
</script>
113+
</body>
114+
</html>

0 commit comments

Comments
 (0)