Skip to content

commit #41

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

Closed
ertip4geek wants to merge 1 commit into from
Closed

commit #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
1 change: 1 addition & 0 deletions .learn/resets/01-Hello-World/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!-- your code here -->
6 changes: 6 additions & 0 deletions .learn/resets/01.1-The-Style-Tag/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<!-- add a style tag and select the p tag and make it color blue -->
<p>
Coding is a basic literacy in the digital age, and it is important for kids to understand and be able to work with and understand the technology
around them. Having children learn coding at a young age prepares them for the future. Coding helps children with communication, creativity,
math,writing, and confidence.
</p>
14 changes: 14 additions & 0 deletions .learn/resets/01.2-Your-First-Style/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<style>
a {
/* change this style to yellow */
color: red;
}
</style>
</head>
<body>
Hello! <a href="#">I am an anchor in red, change my color to yellow</a>
</body>
</html>
11 changes: 11 additions & 0 deletions .learn/resets/01.3-Your-Second-Style/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<style>
/* Your code here */
</style>
</head>
<body>
Hello! My background should be blue!
</body>
</html>
10 changes: 10 additions & 0 deletions .learn/resets/02.1-Background/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>02 Background</title>
</head>
<body>
My background should be an image with th size "contain"
</body>
</html>
13 changes: 13 additions & 0 deletions .learn/resets/08-Rounded-Image/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>08 Rounded Image</title>
</head>

<body>
<img class="rounded" src="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/einstein.png?raw=true" />
</body>
</html>
13 changes: 13 additions & 0 deletions .learn/resets/09-Anchor-Styles/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>09 Anchor Styles</title>
</head>

<body>
<a class="threeDimension" href="#">Click me</a>
</body>
</html>
15 changes: 15 additions & 0 deletions .learn/resets/10-Your-Own-Font/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<!--your code here -->

<link rel="stylesheet" type="text/css" href="./styles.css" />

<title>10 Your Own Font</title>
</head>
<body>
<h1 class="myTitle">My unique font</h1>
</body>
</html>
15 changes: 15 additions & 0 deletions .learn/resets/11-Font-Awesome-Icons/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<script src="https://kit.fontawesome.com/78d2a11ad0.js" crossorigin="anonymous"></script>
<title>11 Font Awesome</title>
</head>
<body>
<ul>
<li><i class="fa fa-camera-retro"></i> Hello</li>
</ul>
</body>
</html>
21 changes: 21 additions & 0 deletions .learn/resets/12-Relative-Length-EM-REM/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>12 Relative Length EM REM</title>
</head>
<body>
<div id="my-first-div">
<h2>First h2 heading</h2>
<h3>First h3 heading</h3>
<p>Here is some nice fake content</p>
</div>
<div id="the-second-one">
<h2>Second h2 heading</h2>
<h3>Second h3 heading</h3>
<p>More fake content but now in the second container</p>
</div>
</body>
</html>
12 changes: 12 additions & 0 deletions .learn/resets/13-Anchor-Like-Button/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>13 Anchor Like Button</title>
</head>
<body>
<a href="#" class="orange-btn">Beautiful Button</a>
</body>
</html>
18 changes: 17 additions & 1 deletion exercises/01-Hello-World/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,17 @@
<!-- your code here -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<style>
a {
color: pink;
}
</style>
<a href="https://google.com" target="_blank">click here to open</a>
</body>
</html>
7 changes: 3 additions & 4 deletions exercises/02-Separate-Stylesheet/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
/* your styles here:
1. Select the body tag.
2. Add the background rule equal to blue.
*/
body {
color: blue;
}
2 changes: 2 additions & 0 deletions exercises/08-Rounded-Image/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,6 @@ body {
}
.rounded {
border-radius: 100%;
object-fit: cover;
object-position: 10;
}
2 changes: 1 addition & 1 deletion exercises/09-Anchor-Styles/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<link rel="stylesheet" type="text/css" href="./styles.css" />
<title>09 Anchor Styles</title>
</head>

<body>
<a class="threeDimension" href="#">Click me</a>
</body>
Expand Down
4 changes: 1 addition & 3 deletions exercises/09-Anchor-Styles/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

.threeDimension {
display: block;
border: 1px solid;
Expand All @@ -12,5 +11,4 @@

a.threeDimension:active {
/* your code here*/

}
}
1 change: 1 addition & 0 deletions exercises/11-Font-Awesome-Icons/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
<body>
<ul>
<li><i class="fa fa-camera-retro"></i> Hello</li>
<li><i class="fas fa-address-card"></i> Xulo</li>
</ul>
</body>
</html>
20 changes: 12 additions & 8 deletions exercises/12-Relative-Length-EM-REM/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,19 @@
<title>12 Relative Length EM REM</title>
</head>
<body>
<div id="my-first-div">
<h2>First h2 heading</h2>
<h3>First h3 heading</h3>
<p>Here is some nice fake content</p>
<div class="headings2">
<div id="my-first-div">
<h2>First h2 heading</h2>
<h3>First h3 heading</h3>
<p>Here is some nice fake content</p>
</div>
</div>
<div id="the-second-one">
<h2>Second h2 heading</h2>
<h3>Second h3 heading</h3>
<p>More fake content but now in the second container</p>
<div class="headings3">
<div id="the-second-one">
<h2>Second h2 heading</h2>
<h3>Second h3 heading</h3>
<p>More fake content but now in the second container</p>
</div>
</div>
</body>
</html>
8 changes: 6 additions & 2 deletions exercises/12-Relative-Length-EM-REM/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,9 @@
#the-second-one {
font-size: 25px;
}

/* YOUR CODE BELOW THIS LINE */
.headings2 h2 {
font-size: 0.8em;
}
.headings3 h3 {
font-size: 0.8rem;
}
7 changes: 6 additions & 1 deletion exercises/13-Anchor-Like-Button/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,12 @@
.orange-btn {
text-decoration: none;
color: white;
border-radius: 4px;
padding: 10px;
background-color: orange;
/*your code here*/
}

.orange-btn:hover {
/*YOUR CODE HERE FOR THE HOVER STATE*/
background-color: rgb(209, 145, 26);
}