Skip to content

Commit

Permalink
you're doing great
Browse files Browse the repository at this point in the history
  • Loading branch information
GoesToEleven committed Mar 28, 2017
1 parent 1c987ac commit 9bcd665
Show file tree
Hide file tree
Showing 59 changed files with 1,039 additions and 2 deletions.
35 changes: 35 additions & 0 deletions 000_temp/09_SPRING-2017/006_elements/01/index.html
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<p>Here is a paragraph</p>

<h1>heading one</h1>
<h2>heading two</h2>
<h3>heading three</h3>
<h4>heading four</h4>
<h5>heading five</h5>
<h6>heading six</h6>

<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ul>

<ol>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ol>

</body>
</html>
48 changes: 48 additions & 0 deletions 000_temp/09_SPRING-2017/006_elements/02/index.html
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<p class="manyps">Here is a paragraph one</p>

<p class="manyps">Here is a paragraph two</p>

<p id="onlyonep">Here is a paragraph three</p>

<h1>heading one</h1>
<h2>heading two</h2>
<h3>heading three</h3>
<h4>heading four</h4>
<h5>heading five</h5>
<h6>heading six</h6>

<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ul>

<ol>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ol>

<img src="surf.jpg" alt="here is the alt text" title="here is the tool tip">


<a href="https://www.reddit.com" target="_blank"> go to reddit</a>




</body>
</html>
9 changes: 9 additions & 0 deletions 000_temp/09_SPRING-2017/006_elements/02/main.css
@@ -0,0 +1,9 @@
#onlyonep {
color: red;
font-size: 4rem;
}

.manyps {
color: blue;
font-size: 2rem;
}
Binary file added 000_temp/09_SPRING-2017/006_elements/02/surf.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/01_div-basics/index.html
@@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>

</body>
</html>
5 changes: 5 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/01_div-basics/main.css
@@ -0,0 +1,5 @@
div {
width: 200px;
height: 200px;
background-color: red;
}
11 changes: 11 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/02_border-radius/index.html
@@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>

</body>
</html>
10 changes: 10 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/02_border-radius/main.css
@@ -0,0 +1,10 @@
div {
width: 200px;
height: 200px;
background-color: red;
/*border-radius: 20px;*/
/*border-radius: 20%;*/
/*border-radius: 100%;*/
/*border-radius: 20% 0;*/
border-radius: 20% 20% 0 0;
}
11 changes: 11 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/03_grooved/index.html
@@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>

</body>
</html>
11 changes: 11 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/03_grooved/main.css
@@ -0,0 +1,11 @@
div {
width: 200px;
height: 200px;
background-color: red;
/*border-radius: 20px;*/
/*border-radius: 20%;*/
/*border-radius: 100%;*/
/*border-radius: 20% 0;*/
border: 20px groove orange;
border-radius: 20% 20% 0 0;
}
14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/04_box-sizing/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>

<div id="second"></div>

</body>
</html>
10 changes: 10 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/04_box-sizing/main.css
@@ -0,0 +1,10 @@
div {
width: 400px;
height: 200px;
border: 10px dashed red;
margin: 20px auto;
}

#second {
box-sizing: border-box;
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/05_background-image/index.html
@@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>

</body>
</html>
12 changes: 12 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/05_background-image/main.css
@@ -0,0 +1,12 @@
div {
width: 300px;
height: 300px;
background-color: red;
border: 20px groove deepskyblue;
border-radius: 20%;
margin: 50px auto;
background-image: url("puppy.jpeg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/06_TRBL/index.html
@@ -0,0 +1,17 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="main.css">
</head>
<body>


<div></div>
<div></div>
<div></div>
<div></div>



</body>
</html>
31 changes: 31 additions & 0 deletions 000_temp/09_SPRING-2017/007_hw-css/06_TRBL/main.css
@@ -0,0 +1,31 @@
/*total width*/
/*40 20 200 20 40 */
div {
box-sizing: border-box;
width: 200px;
height: 200px;
background-color: yellow;
padding: 20px;

border-style: solid;
border-color: dodgerblue;

/*border-width: 10px 0 30px 5px;*/
/*T R B L*/

/*border-width: 10px 0;*/
/*TB RL*/

border-width: 40px;
/*TRBL*/

/*border-radius: 10%;*/
/*border-radius: 50% 0;*/
/*border-radius: 0 50%;*/
/*border-radius: 0 50% 0 10%;*/

display: inline-block;



}
14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/01_element/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>
<div></div>

</body>
</html>
7 changes: 7 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/01_element/main.css
@@ -0,0 +1,7 @@
div {
width: 400px;
height: 400px;
margin: 0 auto;
border: 5px solid dodgerblue;
background-color: yellow;
}
14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/02_class/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div class="boxes"></div>
<div class="boxes"></div>

</body>
</html>
8 changes: 8 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/02_class/main.css
@@ -0,0 +1,8 @@
.boxes {
width: 400px;
height: 400px;
margin: 0 auto;
border: 5px solid dodgerblue;
background-color: yellow;
}

14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/03_id/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div></div>
<div id="addon"></div>

</body>
</html>
12 changes: 12 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/03_id/main.css
@@ -0,0 +1,12 @@
div {
width: 400px;
height: 400px;
margin: 0 auto;
border: 5px solid dodgerblue;
background-color: yellow;
}

#addon {
background-color: #00FF00;
}

14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/04_attribute/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div title="cat"></div>
<div title="dog"></div>

</body>
</html>
12 changes: 12 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/04_attribute/main.css
@@ -0,0 +1,12 @@
div {
width: 400px;
height: 400px;
margin: 0 auto;
border: 5px solid dodgerblue;
background-color: yellow;
}

[title="cat"] {
background-color: #00FF00;
}

14 changes: 14 additions & 0 deletions 000_temp/09_SPRING-2017/008_css-selectors/05_all/index.html
@@ -0,0 +1,14 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>

<div title="cat"></div>
<div title="dog"></div>

</body>
</html>

0 comments on commit 9bcd665

Please sign in to comment.