cleverbot026 · macyen123 · Dec 5, 2019 · Dec 5, 2019
diff --git a/css-demo-master/123.jpg b/css-demo-master/123.jpg
diff --git a/css-demo-master/321.jpg b/css-demo-master/321.jpg
diff --git a/css-demo-master/cew.jpg b/css-demo-master/cew.jpg
diff --git a/css-demo-master/icon.ico b/css-demo-master/icon.ico
diff --git a/css-demo-master/main-style.css b/css-demo-master/main-style.css
@@ -0,0 +1,66 @@
+*{
+
+font-family: "geogia";
+  font-weight: bold;
+flood-color: 
+
+}
+
+nav {
+position:fixed;
+background-color: #990012
+top:0;
+width:100%;
+}
+
+body {
+
+background-color: #810541;
+
+}
+
+img{
+
+	width: 200px;
+	height: 200px;
+	border-radius: 50%
+
+
+}
+nav p a{
+
+text-decoration: none;
+color: black;
+padding-right: 10px;
+margin: 5px;
+border: #493D26 0.5px solid;
+
+}
+
+nav p a:hover{ 
+border:#131112 0.5px solid;
+
+
+}
+
+header{
+
+	margin-top: 50px;
+}
+#profile{
+	border-radius: 50%;
+	width:200%;
+	height: 200%;
+}
+#featured-images{
+	display: grid;
+	grid-template-columns: 100%;
+	grid-row-gap: 40px;
+}
+.row1{
+     text-align: center;
+}
+.row2 {
+    display: flex;
+    justify-content: space-around;
+}
diff --git a/css-demo-master/profile.html b/css-demo-master/profile.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="stylesheet" href="main-style.css">
+<link rel="icon" href="icon.ico">
+
+<br>
+<title>My Profile</title>
+
+
+
+</head>
+<body>
+	<nav>
+	<p>
+	<a href="https://mobile.facebook.com/">Facebook</a>
+	<a href="https://twitter.com/">Twitter</a>
+	<a href="https://www.youtube.com/watch?v=VW6AzT-ffdA">YouTube</a>
+	</nav>
+
+
+
+<h1>My Profile page</h1>
+   <img src="321.jpg">
+
+<h2>Mark Christopher Sales(bakal)</h2>
+<q>bakalman</q>
+
+ <h1>Personal Information</h1>
+    <hr>
+         <section>  
+      <article>
+
+    <p>Sales, Mark Christopher</p>
+    <p>September 4, 2002</p>
+    <p>#19-C P.Burgos San Isidro Village 1 Concepcion Uno Marikina City</p>
+    </section>
+    </article>
+     <hr>
+      <section>
+      <article>
+    <h1>Educational Background</h1>
+    <p>Went to Hermogenes Bautista Elementary School(2009-2015)</p>
+    <p>Went to Santa Elena High School(2015-2019)</p>
+      </section>
+      </article>
+      <hr>
+       <section>
+       <article>
+    <h1>Hobbies and Interest</h1>
+    <p>I love playing computer games</p>
+    <p>I spend my day on school when in weekends I spend my day on my house</p>
+
+       </section>
+       </arcticle>
+    <hr>
+   <article>
+   <section>
+    <h1>Something about myself</h1>
+    <p>I really want to have my own gaming laptop or computer</p>
+    <p>I want to be with my girl for my lifetime</p>
+ </section>   
+ </article>
+<section id="featured-images">
+
+<div class="row1"><h3>Featured Photos</h3></div>
+<div class="row2">
+<div>
+	<img class="sticky" src="wer.jpg" alt="">
+    <p><b>Caption</b> Di po ako papatol</p>
+    </div>
+
+    <div>
+    	<img class="sticky" src="cew.jpg" alt="">
+    	<p><b>Caption</b> Mga BAkal</p>
+
+    </div>
+
+
+    <div>
+    	<img class="sticky" src="rew.jpg" alt="">
+    	<p><b>Caption</b> Jowa</p>
+    </div>
+</section>
+
+
+
+
+
+</div>
+</section>
+
+
+</body>
+</html>
diff --git a/css-demo-master/rew.jpg b/css-demo-master/rew.jpg
diff --git a/css-demo-master/temp.css b/css-demo-master/temp.css
@@ -0,0 +1,28 @@
+*{
+	font-family: "geogia"
+}
+
+main section{
+	background-color: #92a8d1;
+
+}
+main section:nth-child(odd){
+background-color: #fefbd8
+}
+main {
+	display: grid;
+	grid-template-columns: 30% 30% 30%
+	grid-template-row:;
+
+
+}
+.box1{
+width: 20%
+}
+.box2{
+
+width: 20%
+}
+.box3{
+width: 20%	
+}
diff --git a/css-demo-master/temp.html b/css-demo-master/temp.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta name="device-width" content="initial-scale=1.0">
+	<title>Layout</title>
+<link rel="stylesheet" href="temp.css">
+</head>
+<body>
+ <main>
+ 	<section class="box1">
+ 		<article><b>Box 1</b>
+ 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ 			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ 			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ 			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+ 			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ 			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ 		</article>
+ 	</section>
+ 	<section class="box2">
+ 		<article><b>Box 2</b>
+ 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ 			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ 			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ 			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+ 			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ 			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ 		</article>
+ 	</section>
+      <section class="box3">
+ 		<article><b>Box 3</b>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</section>
+</article>
+ 	<section class="box1">
+ 		<article><b>Box 1</b>
+ 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ 			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ 			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ 			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+ 			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ 			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ 		</article>
+ 	</section>
+ 	<section class="box2">
+ 		<article><b>Box 2</b>
+ 			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ 			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ 			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ 			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+ 			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+ 			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ 		</article>
+ 	</section>
+      <section class="box3">
+ 		<article><b>Box 3</b>
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</section>
+</article>
+
+
+
+
+</body>
+</html>
diff --git a/css-demo-master/wer.jpg b/css-demo-master/wer.jpg
diff --git a/css-demo-master/wsu-css-cheat-sheet-gdocs.pdf b/css-demo-master/wsu-css-cheat-sheet-gdocs.pdf