Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

topic 0 #30

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

topic 0 #30

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6a7f76b
topic 0
RodrigoBelsito May 2, 2019
04e4d07
Topic 1
RodrigoAlejandroBelsito May 8, 2019
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
Binary file not shown.
Binary file added TOPIC 0/1 iii - Media/foto.jpg
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
Binary file not shown.
4 changes: 4 additions & 0 deletions TOPIC 0/1 iv -Form/form.css
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
html {
Copy link

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
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype html>
Copy link

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>