Skip to content

Commit c175a22

Browse files
ibrahimhc19ibrahimhc19
committed
muchas cosas
1 parent 88b6451 commit c175a22

6 files changed

Lines changed: 15 additions & 54 deletions

File tree

‎01-NavBar - Bootstrap - Offcanvas/index.html‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,6 @@
88
<!-- Favicon -->
99
<link rel="icon" type="image/png" sizes="32x32" href="../favicon/ms-icon-32x32.png">
1010
<link rel="apple-touch-icon" sizes="60x60" href="../favicon/apple-icon-60x60.png">
11-
<!-- Fuentes -->
12-
<link rel="preconnect" href="https://fonts.googleapis.com">
13-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14-
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
1511
<!-- Hojas de estilos -->
1612
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
1713
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
@@ -21,7 +17,7 @@
2117

2218
<body>
2319
<header>
24-
<nav class="navbar navbar-expand-md bg-body-tertiary fixed-top">
20+
<nav class="navbar navbar-expand-md">
2521
<div class="container-fluid">
2622
<a class="navbar-brand ms-md-5 text-uppercase" href="#">The Nav Bar</a>
2723
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -32,7 +28,7 @@
3228
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
3329
</div>
3430
<div class="offcanvas-body">
35-
<ul class="navbar-nav me-md-5 justify-content-end flex-grow-1 pe-3">
31+
<ul class="navbar-nav me-md-5 justify-content-end flex-grow-1 text-uppercase">
3632
<li class="nav-item">
3733
<a class="nav-link active" aria-current="page" href="#">Home</a>
3834
</li>

‎01-NavBar - Bootstrap - Offcanvas/styles.css‎

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -19,24 +19,15 @@ body{
1919
padding: 1rem 2rem;
2020
}
2121

22-
.left {
23-
font-size: 1.5rem;
24-
user-select: none;
25-
letter-spacing: 1px;
26-
text-transform: uppercase;
27-
}
2822

2923
.nav-link{
3024
margin: 0;
31-
cursor: pointer;
3225
font-size: 1.2rem;
3326
transition: all 1s;
3427
border-radius: 5px;
3528
letter-spacing: 2px;
3629
font-weight: normal;
37-
padding: 0.4rem 0.8rem!important;
38-
text-transform: uppercase;
39-
30+
padding: 0.4rem 0.8rem!important;
4031
}
4132

4233
.nav-link:hover{
@@ -47,9 +38,6 @@ body{
4738
justify-content: space-between;
4839
align-items: center;
4940
}
50-
.nav-link{
51-
font-size: 1.2rem;
52-
}
5341

5442
.navbar-brand{
5543
user-select: none;

‎01-NavBar - Bootstrap/index.html‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,6 @@
88
<!-- Favicon -->
99
<link rel="icon" type="image/png" sizes="32x32" href="../favicon/ms-icon-32x32.png">
1010
<link rel="apple-touch-icon" sizes="60x60" href="../favicon/apple-icon-60x60.png">
11-
<!-- Fuentes -->
12-
<link rel="preconnect" href="https://fonts.googleapis.com">
13-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14-
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap" rel="stylesheet">
1511
<!-- Hojas de estilos -->
1612
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
1713
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
@@ -29,7 +25,7 @@
2925
</button>
3026
<div class="collapse navbar-collapse" id="togglerNav">
3127
<a class="navbar-brand fs-4 d-none d-md-block d-lg-block d-xl-block d-xxl-block">The Nav Bar</a>
32-
<ul class="navbar-nav me-md-5">
28+
<ul class="navbar-nav me-md-5 text-uppercase">
3329
<li class="nav-item">
3430
<a class="nav-link active" aria-current="page" href="../index.html">Home</a>
3531
</li>

‎01-NavBar - Bootstrap/styles.css‎

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -19,24 +19,14 @@ body{
1919
padding: 1rem 2rem;
2020
}
2121

22-
.left {
23-
font-size: 1.5rem;
24-
user-select: none;
25-
letter-spacing: 1px;
26-
text-transform: uppercase;
27-
}
28-
2922
.nav-link{
3023
margin: 0;
31-
cursor: pointer;
32-
font-size: 1.2rem;
24+
font-size: 1.2rem!important;
3325
transition: all 1s;
3426
border-radius: 5px;
3527
letter-spacing: 2px;
3628
font-weight: normal;
3729
padding: 0.4rem 0.8rem!important;
38-
text-transform: uppercase;
39-
4030
}
4131

4232
.nav-link:hover{
@@ -52,10 +42,6 @@ body{
5242
justify-content: space-around;
5343
}
5444

55-
.nav-link{
56-
font-size: 1.2rem;
57-
}
58-
5945
.navbar-brand{
6046
user-select: none;
6147
}

‎index.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,12 +24,22 @@ <h1 class="text-center my-5 fs-2 mx-auto col-8">90 Proyectos usando HTML, CSS y
2424
<div class="container-fluid col-10">
2525

2626
<h2 class="my-5 text-center fw-bold">Índice</h2>
27+
<div>
2728
<ul class="list-group">
2829
<li class="list-group-item list-group-item-action"><a href="./01-NavBar/index.html" target="_blank">Proyecto 1 HTML, CSS</a></li>
2930
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Javascript/index.html" target="_blank">Proyecto 1 HTML, CSS y JS</a></li>
3031
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Bootstrap//index.html" target="_blank">Proyecto 1 HTML, CSS y BOOTSTRAP</a></li>
3132
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Bootstrap - Offcanvas/index.html" target="_blank">Proyecto 1 HTML, CSS y BOOTSTRAP (Offcanvas)</a></li>
3233
</ul>
34+
</div>
35+
<!-- <div class="mt-3">
36+
<ul class="list-group">
37+
<li class="list-group-item list-group-item-action"><a href="./01-NavBar/index.html" target="_blank">Proyecto 1 HTML, CSS</a></li>
38+
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Javascript/index.html" target="_blank">Proyecto 1 HTML, CSS y JS</a></li>
39+
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Bootstrap//index.html" target="_blank">Proyecto 1 HTML, CSS y BOOTSTRAP</a></li>
40+
<li class="list-group-item list-group-item-action"><a href="./01-NavBar - Bootstrap - Offcanvas/index.html" target="_blank">Proyecto 1 HTML, CSS y BOOTSTRAP (Offcanvas)</a></li>
41+
</ul>
42+
</div> -->
3343

3444

3545
</div>

‎styles.css‎

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,21 +15,6 @@ body {
1515
background-color: #dbcce9;
1616
}
1717

18-
#container {
19-
width: 60%;
20-
margin: 0 auto;
21-
padding: 2rem;
22-
background: var(--bg-color);
23-
border-radius: 1rem;
24-
background: rgba(255, 255, 255, 0.2);
25-
border-radius: 16px;
26-
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
27-
backdrop-filter: blur(5px);
28-
-webkit-backdrop-filter: blur(5px);
29-
border: 1px solid rgba(255, 255, 255, 0.3);
30-
}
31-
32-
3318
.list-group-item {
3419
margin: .3rem;
3520
}

0 commit comments

Comments
 (0)