ts-cset · Anthony-Harvey-tsct · Oct 1, 2019 · Oct 1, 2019
diff --git a/airbnb/index.html b/airbnb/index.html
@@ -1 +1,12 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>AirBnB</title>
+    <link href="styles.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+<h1>Book unique homes and experiences.</h1>
+  </body>
+</html>
diff --git a/airbnb/styles.css b/airbnb/styles.css
@@ -1 +1,4 @@
 /* Add your CSS here */
+h1{
+  color:white;
+}
diff --git a/amazon/index.html b/amazon/index.html
@@ -1 +1,57 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Amazon</title>
+      <link href="styles.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <header>
+   <h1>Computer & technology Books</h1>
+     <h5> Browse a video selection of <a href="#">programing.guides</a>,<a href="#">androide resourses</a>,and<a href="#">Java Books</a></h5>
+       <h2>Shop by category</h2>
+       </header>
+       <section>
+         <div class="Photo-Slection">
+           <img src="https://via.placeholder.com/100x200" alt="placeholder">
+           <a href="#">Programing</a>
+         </div>
+
+         <div class="Photo-Slection">
+           <img src="https://via.placeholder.com/100x200" alt="placeholder">
+           <a href="#">Computer Science</a>
+           </div>
+
+           <div class="Photo-Slection">
+             <img src="https://via.placeholder.com/100x200" alt="placeholder">
+             <a href="#">Programming Languages</a>
+             </div>
+
+             <div class="Photo-Slection">
+               <img src="https://via.placeholder.com/100x200" alt="placeholder">
+               <a href="#">Networking & Cloud Computing</a>
+               </div>
+
+               <div class="Photo-Slection">
+                 <img src="https://via.placeholder.com/100x200" alt="placeholder">
+                 <a href="#">Science & Encryption</a>
+                 </div>
+
+                 <div class="Photo-Slection">
+                   <img src="https://via.placeholder.com/100x200" alt="placeholder">
+                   <a href="#">Software</a>
+                   </div>
+
+                   <div class="Photo-Slection">
+                     <img src="https://via.placeholder.com/100x200" alt="placeholder">
+                     <a href="#">Operation Systems</a>
+                     </div>
+
+                      <div class="Photo-Slection">
+                        <img src="https://via.placeholder.com/100x200" alt="placeholder">
+                        <a href="#">Games & Strategy Guides</a>
+                        </div>
+       </section>
+  </body>
+</html>
diff --git a/amazon/styles.css b/amazon/styles.css
@@ -1 +1,45 @@
 /* Add your CSS here */
+*{
+  margin: auto;
+  padding: 0;
+  box-sizing: border-box;
+}
+h1 {
+  color: orange;
+
+}
+h5 {
+color:gray;
+padding-top:20px;
+padding-bottom:20px;
+}
+h2{
+
+}
+header{
+  border-bottom:solid;
+  border-color: gray;
+  border-bottom-width: 2px;
+  padding: 20px;
+}
+Section{
+  justify-content: center;
+  display: flex;
+  border-top: 1rem inherit;
+  flex-flow: wrap;
+}
+.Photo-Slection{
+height: 200px;
+width:20%;
+margin:1rem;
+margin-top: 2rem;
+}
+.Photo-Slection
+a{
+  display:block;
+}
+img{
+  display: block;
+  position:relative;
+  right: 50px;
+}
diff --git a/github/index.html b/github/index.html
@@ -1 +1,35 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>GitHub</title>
+    <link href="styles.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+<h5> <a href="#">About</a> / Careers</h5>
+     <header>
+       <h1>Come help us make collaboration even better</h1>
+     </header>
+       <div class="good">
+       <p> At GitHub we build the tools that make collabration and writting software easier for everyone. We've built a company we truly love working for, and we think you will too.</p>
+       </div>
+         <div class="link">
+       <a href="#">Open positions</a>
+     <a href="#">Apprenticeships</a>
+   <a href="#">Internships</a>
+ </div>
+<div class="Articles">
+   <div class="Article1">
+     <h3>A diverse and inclusive workplace</h3>
+     <img src="https://via.placeholder.com/100x100" alt="placeholder">
+       <p>At GitHub, we think a diverse company, and we work hard to foster a supportive and welcoming workplace. Learn more about our commitment to diversity and imclusion and see our <a href="#">current demographic data.</a>
+       </div>
+       <div class="Article2">
+    <h3> Work happier</h3>
+    <img src="https://via.placeholder.com/100x100" alt="placeholder">
+        <p> Build amazing things with autonomy, self-direction, and heathly work-life blance. 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'tr happiest. </a>
+        </div>
+      </div>
+  </body>
+</html>
diff --git a/github/styles.css b/github/styles.css
@@ -1 +1,37 @@
 /* Add your CSS here */
+header{
+  display:flex;
+  justify-content: center;
+  border:solid inherit;
+  align-self:flex-end;
+}
+h1{
+  display:flex;
+  font-size: 3rem;
+  justify-content: center;
+}
+.good{
+  display: flex;
+  justify-content: center;
+}
+
+.link{
+  display: flex;
+  justify-content: center;
+}
+.link{
+  display:flex;
+  justify-content: space-around;
+}
+*{
+  box-sizing: border-box;
+}
+.Articles{
+  display:flex;
+}
+img{
+  float:left;
+  margin-right:10px;
+
+
+}
diff --git a/instagram/index.html b/instagram/index.html
@@ -1 +1,42 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Instagram</title>
+    <link href="styles.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+<nav>
+  <h4>About</h4>
+  <a href="#">Company</a>
+  <a href="#">Press</a>
+  <a href="#">Jobs</a>
+  <h4>LEGAL</h4>
+  <a href="#">Trems</a>
+  <a href="#">Privacy</a>
+  <a href="#">Platform</a>
+  <a href="#">Libaries</a>
+  </nav>
+  <article>
+    <h2>About Us</h2>
+    <h3> The Term</h3>
+    <h5>
+      <div class="co-founder">
+      Kevin Systrom (CEO, co-founder)
+      </div>
+    </h5>
+    <p>
+      <b>Kevin Systrom</b> <a href="#">(@kevin)</a> is the CEO and co-founder of Instagram, a community of more than 1 billion who capture and share the world's moments on the service. He is responsible for the company's overall vision and strategy as werll as day-to-day operations.</p>
+      <p>Since the beggining, Kevin has focused on simplicity and inspiring creative through sloving problems with throughful product design. As a result, Instagram has become the home dor visual storytelling for everyone from celebrities, newsrooms and bands, to teens, musicians and anyone with creative passion.</p>
+      <p> Prior to founding Instagrmam Kevin was part of the startup Odeo, which laster became Twitter, and spent two years at Google working on products like Gmail and Google Reader. He graduated from Standford University witha BS in Management Science  Engineering and serves on boards of Walmart and KCRW.</p>
+      <h5>
+      <div class="CTO">
+        Mike Kroeger (CTO, co-founder)
+        </div>
+        </h5>
+        <p><b> Mike Krieger</b><a href="#">(@mikeyk)</a> is the CTO and co-founder of Instagram, a global community of more than 1 billion. As the head og engineering, Mike focuses on building products that bring out the creativty in all of us.</p>
+        <p>A native of Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems from Standford University. Prior to founding Instagrma, he worked at Meebo as a user experience disigner and front-end engineer.</p>
+  </article>
+  </body>
+</html>
diff --git a/instagram/styles.css b/instagram/styles.css
@@ -1 +1,21 @@
 /* Add your CSS here */
+
+nav{
+  display: flex;
+  flex-direction: column;
+  padding-top:10px;
+padding-right:40px;
+float:left;
+}
+a{
+  padding-top:30px;
+}
+article{
+  margin-left:5rem;
+}
+span{
+  text-transform:bold;
+}
+h4{
+  color:gray;
+}
diff --git a/stevens-college/index.html b/stevens-college/index.html
@@ -1 +1,24 @@
-<!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <link href="styles.css" rel="stylesheet" type="text/css" />
+    <title>Stevens College</title>
+  </head>
+  <body>
+<h1> Computer Software Engineering Technology</h1>
+     <img src="https://via.placeholder.com/400x400" alt="placeholder">
+       <h3>
+         <div class="Schedule">
+     <a href="#">Schedule</a>
+     </div>
+     <div class="Faculty">
+     <a href="#">Faculty</a>
+     </div>
+     <div class="ToolList">
+     <a href="#">Tool List</a>
+     </div>
+     </h3>
+     <p> Computers have become a major factor in the development and operation of the modern industry. From providing means of communications, to operation machines, to facilitating international commerce, to systems animation, computers and their related sotware programs makes things possible.</p>
+  </body>
+</html><!-- Add your HTML here -->
diff --git a/stevens-college/styles.css b/stevens-college/styles.css
@@ -1 +1,39 @@
 /* Add your CSS here */
+h1{
+  margin:auto;
+ display: flex;
+ justify-content: center;
+}
+img{
+  margin:auto;
+  display: flex;
+  flex-direction: row;
+}
+h3{
+  margin:auto;
+display: flex;
+justify-content: center;
+justify-content: space-around;
+}
+.Schedule{
+  margin:auto;
+  padding:20px;
+  background-color: maroon;
+}
+.Faculty{
+  margin:auto;
+  padding:20px;
+  background-color: maroon;
+}
+.ToolList{
+  margin:auto;
+  padding:20px;
+  background-color: maroon;
+}
+p{
+  margin:auto;
+  padding-top:10px;
+}
+a{
+  color: white;
+}