-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (99 loc) · 3.4 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
<!DOCTYPE html>
<html>
<head>
<title>Principal Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
background-color: #f5f5f5;
}
.container-news-feed {
display: flex;
flex-direction: row;
align-items: stretch;
}
.menu {
flex: 0 0 20%;
}
.main-section {
flex: 1;
padding-left: 150px;
}
.parent {
height: 240px;
overflow: hidden;
}
.parent img {
width: 100%;
height: auto;
display: block;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Principal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="formulario.html">Formulario</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tablas.html">Tablas</a>
</li>
<li class="nav-item">
<a class="nav-link" href="video.html">Video</a>
</li>
</ul>
</div>
</nav>
<div class="parent">
<div class="container">
<img src="img/sigmund-EgwhIBec0Ck-unsplash.jpg">
</div>
</div>
<div class="container-fluid mt-4">
<div class="container-news-feed">
<div class="row">
<div class="menu">
<ul class="list-group">
<li class="list-group-item"><a href="index.html">Principal</a></li>
<li class="list-group-item"><a href="formulario.html">Formulario</a></li>
<li class="list-group-item"><a href="tablas.html">Tablas</a></li>
<li class="list-group-item"><a href="video.html">Video</a></li>
</ul>
</div>
<div class="main-section">
<h2>The Benefits of Learning a Second Language</h2>
<p>Learning a second language has many benefits, including improving cognitive function, increasing job opportunities, and enhancing cultural understanding. In addition, it can be a fun and rewarding experience that allows you to connect with people from all over the world.</p>
</div>
<div class="main-section">
<h2>The Best Language Learning Apps for Beginners</h2>
<p>If you're new to language learning, there are many apps available that can help you get started. Some of the best options for beginners include Duolingo, Babbel, and Rosetta Stone. These apps use a variety of techniques to help you learn new words and grammar, and many offer interactive features that make the learning process engaging and fun.</p>
</div>
<div class="main-section">
<h2>Tips for Overcoming Language Learning Challenges</h2>
<p>Learning a new language can be challenging, but there are many strategies that can help you overcome common obstacles. Some tips to keep in mind include practicing consistently, immersing yourself in the language as much as possible, and setting realistic goals. With patience and persistence, anyone can become a successful language learner.</p>
</div>
</div>
</div>
<footer class="footer container-fluid bg-dark text-center text-white mt-4 py-2">
<p>© Diego Castaño Pascual Bravo - 2023</p>
</footer>
</body>
</html>