Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions TOPIC 0/1 i - Expenses/expenses.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
table {
border: 1px solid black;
}

th {
height: 50px;
}
33 changes: 33 additions & 0 deletions TOPIC 0/1 i - Expenses/expenses.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!doctype html>
<html class="no-js" lang="es">

<head>
<meta charset="utf-8">
<title>Bootcamp - Expenses</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="expenses.css">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<table>
<tr>
<th>Expense</th>
<th>Cost</th>
</tr>
<tr>
<td>Apples</td>
<td>20</td>
</tr>
<tr>
<td>Bananas</td>
<td>30</td>
</tr>
</table>
</body>

</html>
26 changes: 26 additions & 0 deletions TOPIC 0/1 ii -Todo List/todolist.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!doctype html>
<html class="no-js" lang="es">

<head>
<meta charset="utf-8">
<title>Bootcamp - Todo List</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<header>My todo list</header>
<ul>
<li>Breakfast</li>
<li>Do some exercise</li>
<li>Do some code</li>
<li>Work</li>
</ul>
</body>

</html>
Binary file added TOPIC 0/1 iii - Media/audio.mp3
Binary file not shown.
Binary file added TOPIC 0/1 iii - Media/foto.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions TOPIC 0/1 iii - Media/media.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
img {
width: 30%;
}

video {
width: 30%;
}
32 changes: 32 additions & 0 deletions TOPIC 0/1 iii - Media/media.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!doctype html>
<html class="no-js" lang="es">

<head>
<meta charset="utf-8">
<title>Bootcamp - Media</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="media.css">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<div>Image</div>
<img src="foto.jpg" alt="Italian Trulli">

<div>Video</div>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div>Audio</div>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>

</html>
Binary file added TOPIC 0/1 iii - Media/video.mp4
Binary file not shown.
4 changes: 4 additions & 0 deletions TOPIC 0/1 iv -Form/form.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
input[type=text] {
background-color: #3CBC8D;
color: white;
}
34 changes: 34 additions & 0 deletions TOPIC 0/1 iv -Form/form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!doctype html>
<html class="no-js" lang="es">

<head>
<meta charset="utf-8">
<title>Bootcamp - Form</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="form.css">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<form action="/action_page.php" method="get">
<label>First name: <input type="text" name="fname"></label></br>
<label>Last name: <input type="text" name="lname"> </label></br>
<label>Email: <input type="text" name="fname"> </label></br>
<label>Birthday: <input type="text" name="lname"> </label></br>
<label>Favourite Sport: <input type="text" name="fname"></label></br>
<select>
<option value="Football">Football</option>
<option value="Basketball">Basketball</option>
<option value="Tenis">Tenis</option>
<option value="ArmWrestling">ArmWrestling</option>
</select> </br>
<label></label>BIO: <input type="text" name="lname"></label>
<input type="submit" value="Submit"><input type="reset">
</form>
</body>

</html>
39 changes: 39 additions & 0 deletions TOPIC 0/2 - CSS/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
html {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about this items?
4. If the class attribute finishes with r (example header, footer), the background must be magenta.
5. If the class attribute contains an a (example nav) but do NOT finish with r, the background must be blue.

font-size: 14px;
font-family: Arial, Helvetica, sans-serif
}

header {
text-align: center;
}

footer {
text-align: center;
}

aside {}

nav {}

.header {
font-size: 46px;
background-color: #FF00FF;
}

.footer {
font-size: 10px;
background-color: #FF00FF;
}

.section {
font-size: 14px;
}

.nav {
font-size: 12px;
background-color: #0000FF;
}

.aside {
font-size: 10px;
}
28 changes: 28 additions & 0 deletions TOPIC 0/2 - CSS/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype html>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What about point 2.5 Layout ?

<html class="no-js" lang="es">

<head>
<meta charset="utf-8">
<title>Bootcamp - Form</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="index.css">

<meta name="theme-color" content="#fafafa">
</head>

<body>
<header class="header">HEADER</header>
<nav class="nav">NAV</nav>
<section class="section">
<header class="header">SECTION HEADER</header>
<article>SECTION ARTICLE</article>
<footer class="footer">SECTION FOOTER</footer>
</section>
<aside>ASIDE</aside>
<footer>FOOTER</footer>
</body>

</html>