ts-cset · EthanKubistek · Sep 26, 2019 · Sep 26, 2019 · Oct 1, 2019 · Oct 1, 2019
diff --git a/amazon/index.html b/amazon/index.html
@@ -1 +1,59 @@
-<!-- Add your HTML here -->
+<html>
+    <head>
+          <meta charset='UTF-8'/>
+          <title></title>
+          <link href='styles.css' rel='stylesheet'/>
+        </head>
+    <body>
+
+        <header>
+            <h1>Computer & Technology Books</h1>
+            <p>
+              Browse a wide of <a href="#programmingguides">Programming guides</a>
+              , <a href="#android">Android resources</a>, and
+              <a href="#java">Java books</a>.
+            </p>
+          </header>
+
+          <section class="shop">
+            <h2>Shop by category</h2>
+          </section>
+
+
+          <section class="pictures">
+            <ul>
+              <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+              <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+              <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+              <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+
+            </ul>
+          </section>
+
+          <section class="links">
+              <ul>
+                <li><a href="#">Programming</a></li>
+                <li><a href="#">Computer Science</a></li>
+                <li><a href="#">Programming Languages</a></li>
+                <li><a href="#">Networking & Cloud computing</a></li>
+              </ul>
+
+              <section class="pictures2">
+                  <ul>
+                    <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+                    <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+                    <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+                    <li><img class="cat-photo" src="http://placekitten.com/95/120" alt="cat-photo"></li>
+
+                  </ul>
+                </section>
+
+              <section class="links2">
+                <ul>
+                    <li><a href="#">Security & Encryption</a></li>
+                    <li><a href="#">Software</a></li>
+                    <li><a href="#">Operating Systems</a></li>
+                    <li><a href="#">Games & Strategy Guides</a></li>
+                </ul>
+              </section>
+
diff --git a/amazon/styles.css b/amazon/styles.css
@@ -1 +1,65 @@
-/* Add your CSS here */
+*, *::after, *::before {
+    box-sizing: border-box;
+   }
+   body {
+    font-family: sans-serif;
+   }
+
+   header h1{
+       color: #ff9900;
+   }
+
+   header p{
+       margin 0.5 top;
+   }
+
+.links li{
+    width: 80%;
+
+   }
+   .links ul{
+    display: flex;
+    width: 75%;
+    margin: 5 rem auto 5 rem auto;
+    font-size: 0.5 rem;
+    justify-content: space-between;
+
+   }
+
+   li {
+    display: inline;
+    list-style: none;
+   }
+
+   .pictures li{
+    width: 80%;
+
+   }
+   .pictures ul{
+    display: flex;
+    width: 80%;
+    margin: 5 rem auto 5rem auto;
+
+   }
+   .pictures a {
+    font-size: 1 rem;
+   }
+
+   .pictures {
+    display: inline;
+    list-style: none;
+   }
+
+   .links2 li{
+    width: 80%;
+
+   }
+   .links2 ul{
+    display: flex;
+    width: 80%;
+    margin: 5 rem auto 5rem auto;
+    justify-content: space-between;
+   }
+   .links2 a {
+    font-size: 1 rem;
+   }
diff --git a/github/index.html b/github/index.html
@@ -1 +1,43 @@
-<!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+ <meta charset="utf-8">
+ <title>GitHub</title>
+ <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+ <header>
+   <h1>Come help us make collaboration even better</h1>
+   <p>At GitHub we build the tools that make collaborating and
+     writing software easier for everyone. We've built a company we
+     truly love working for, and we think you will too.</p>
+ </header>
+ <nav>
+   <ul>
+     <li><a href="#">About</a></li>
+     <li class="current">Careers</li>
+   </ul>
+ </nav>
+ <section class="links">
+   <ul>
+     <li><a href="#">Open positions</a></li>
+     <li><a href="#">Apprenticeships</a></li>
+     <li><a href="#">Internships</a></li>
+   </ul>
+ </section>
+ <article class="diversity">
+   <h2>A diverse and inclusive workplace</h2>
+   <p>At GitHub, we think that a diverse company is a strong company, and
+     we work hard to foster a supportive and welcoming workplace. Learn
+     more about our commitment to diversity and inclusion and see our
+     <a href="#">current demographic data</a>.</p>
+ </article>
+ <article class="happy">
+   <h2>Work happier</h2>
+   <p>Build amazing things with autonomy, self-direction, and a healthy
+     work-life balance. We offer flexible work schedules for all of
+     our employees and unlimited PTO. We also believe that if a job allows for it,
+     you should <a href="#">work wherever you're happiest</a>.</p>
+ </article>
+</body>
+</html>
diff --git a/github/styles.css b/github/styles.css
@@ -1 +1,48 @@
-/* Add your CSS here */
+*, *::after, *::before {
+    box-sizing: border-box;
+   }
+   body {
+    font-family: sans-serif;
+   }
+   h1 {
+    text-align: center;
+    margin-top: 8rem;
+    font-size: 3rem;
+    width: 60%;
+    margin-left: auto;
+    margin-right: auto;
+   }
+   li {
+    display: inline;
+    list-style: none;
+   }
+   ul {
+    padding-left: 0;
+   }
+   a {
+    text-decoration: none;
+   }
+   header p {
+    width: 70%;
+    font-size: 1.5rem;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+   }
+   nav {
+    position: absolute;
+    top: 0;
+   }.links li{
+    display: block;
+    width: 30%;
+    text-align: center;
+   }
+   .links ul{
+    display: flex;
+    width: 50%;
+    margin: 3rem auto 4rem auto;
+    justify-content: space-around;
+   }
+   .links a {
+    font-size: 1.2rem;
+   }
diff --git a/stevens-college/index.html b/stevens-college/index.html
@@ -1 +1,56 @@
-<!-- Add your HTML here -->
+<html>
+    <head>
+          <meta charset='UTF-8'/>
+          <title>stevens-college</title>
+          <link href='styles.css' rel='stylesheet'/>
+        </head>
+    <body>
+
+        <h1 class="title">Computer Software Engineering Technology</h1>
+
+        <img class="cat-photo" src="http://placekitten.com/200/300" alt="cat-photo">
+
+        <div class="button">
+                <a href= SCHEDULE>SCHEDULE</a>
+                <a href=FACULTY>FACULTY</a>
+                <a href=TOOLLIST>TOOLLIST</a>
+            </div>
+
+        <p class="paragraph" >Computers have become a major factor in the development and operation of the modern 
+        industry. From providing means of communications, to operating machines, to facilitating 
+        international commerce, to systems animation, computers and their related software programs 
+        makes things possible.</p>
+
+
+    </body>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</html>
diff --git a/stevens-college/styles.css b/stevens-college/styles.css
@@ -1 +1,27 @@
-/* Add your CSS here */
+.title {
+display: block;
+font-size: 6rem;
+font-weight: 800;
+margin: 0;
+padding-right: 2000;
+}
+
+.cat-photo{
+width: 608px;
+height: 340px;
+margin-left: 5px;
+}
+
+a{
+ border: solid #a6093d;
+ margin: 30px;
+ display: inline-block;
+ box-sizing: border-box;
+ width: 140px;
+ height: 45px;
+ text-align: center;
+ background-color: #a6093d;
+ color: #ffffff;
+padding: 10px;
+}
+