ts-cset · TheIrishBub · Oct 1, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/airbnb/index.html b/airbnb/index.html
@@ -1 +1,47 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <link rel="stylesheet" href="styles.css"</link>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <h1>Book unique homes and experiences.</h1>
+    <form>
+    <div class="Where">
+      Where<br>
+        <input type="text" placeholder="Anywhere"><br>
+    </div>
+    <div class="Dates">
+      Check In<br>
+        <input type="text" placeholder="mm/dd/yyyy"><br>
+      Check Out<br>
+        <input type="text" placeholder="mm/dd/yyyy"><br>
+    </div>
+    <div class="Guests">
+      Guests<br>
+        <select>
+          <option value="1_guest">1 guest</option>
+          <option value="2_guests">2 guests</option>
+          <option value="3_guests">3 guests</option>
+          <option value="4_guests">4 guests</option>
+        </select>
+    </div>
+      <input type="submit" value="Search">
+    </form>
+    <h2>Explore Airbnb</h2>
+    <div class="Homes">
+      <img src="http://placekitten.com/100/100"></img>
+      <p>Homes</p>
+    </div>
+    <div class="Experiences">
+      <img src="http://placekitten.com/100/100"></img>
+      <p>Experiences</p>
+    </div>
+    <div class="Restaurants">
+      <img src="http://placekitten.com/100/100"></img>
+      <p>Restaurants</p>
+    </div>
+  </body>
+</html>
diff --git a/airbnb/styles.css b/airbnb/styles.css
@@ -1 +1,24 @@
 /* Add your CSS here */
+* {
+  font-family: sans-serif;
+  box-sizing: border-box;
+}
+
+.Where {
+  color: red;
+}
+
+.Dates {
+  background-color: #808080;
+  color: blue;
+  display: flex;
+}
+
+.Guests {
+  color: green;
+}
+
+.Homes, .Experiences, .Restaurants {
+  border: 1px thin #808080;
+  box-sizing: border-box;
+}
diff --git a/amazon/.DS_Store b/amazon/.DS_Store
diff --git a/amazon/index.html b/amazon/index.html
@@ -1 +1,35 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <link href='styles.css' rel='stylesheet'/>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+<div class="header">
+  <h2>Computer & Technology Books</h2>
+  <p>Browse a wide selection of programming guides, Android resources, and Java books</p>
+  </div>
+  <div class="body">
+    <div class="content">
+    <h2>Programming</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Computer Science</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Programming Languages</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Networking & Cloud Computing</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Security & Encryption</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Software</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Operating Systems</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    <h2>Games & Strategy Guides</h2>
+    <img src="http://placekitten.com/640/360"></img>
+    </div>
+    </div>
+  </body>
+</html>
diff --git a/amazon/styles.css b/amazon/styles.css
@@ -1 +1,31 @@
 /* Add your CSS here */
+* {
+
+}
+.content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  height: 500px;
+  position: relative;
+}
+img {
+  padding: 50px;
+  height: 250px;
+  width: 100px;
+  position: relative;
+}
+.body {
+   width: 800px;
+}
+.content h2 {
+  padding-left: 500px;
+  position: absolute;
+  bottom: 10px;
+}
+.content h2:nth-of-type(1) {
+  padding: 100px;
+}
+.content h2:nth-of-type(2) {
+  padding: 100px;
+}
diff --git a/github/index.html b/github/index.html
@@ -1 +1,24 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <link rel="stylesheet" href="styles.css"/>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <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>
+    <div class="positions">
+      <p>Open Positions</p>
+    </div>
+    <div class="apprenticeships">
+      <p>Apprenticeships</p>
+    </div>
+    <div class="internships">
+      <p>Internships</p>
+    </div>
+  </body>
+</html>
diff --git a/github/styles.css b/github/styles.css
@@ -1 +1,8 @@
 /* Add your CSS here */
+.positions, .apprenticeships, .internships {
+  box-sizing: border-box;
+  justify-content: flex-start;
+  display: flex;
+  flex-flow: row;
+  padding: 10px;
+}
diff --git a/instagram/index.html b/instagram/index.html
@@ -1 +1,35 @@
 <!-- Add your HTML here -->
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <link rel="stylesheet" href="styles.css"/>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <h1>About Us</h1>
+    <h2>The Team</h2>
+    <h3>Kevin Systrom (CEO, co-founder)</h3>
+    <p>Kevin Systrom (@kevin) is the CEO and co-founder of Instagram, a community
+      of more than 1 billion people who capture and share the world's moments
+      on the service. He is responsible for the company's overall vision and
+      strategy as well as day-to-day operations.</p>
+    <p>Since the beginning, Kevin has focused on simplicity and inspiring
+      creativity through solving problems with thoughtful product design. As a
+      result, Instagram has become the home for visual storytelling for everyone
+      from celebrities, newsrooms and brands, to teens, musicians and anyone
+      with a creative passion.</p>
+    <p>Prior to founding Instagram, Kevin was part of the startup Odeo, which
+      later became Twitter, and spent two years at Google working on products
+      like Gmail and Google Reader. He graduated from Stanford University with a
+      BS in Management Science & Engineering and serves on the boards of Walmart
+      and KCRW.</p>
+    <h3>Mike Krieger (CTO, co-founder)</h3>
+    <p>Mike Krieger (@mikeyk) is the CTO and co-founder of Instagram, a global
+      community of more than 1 billion. As the head of engineering, Mike focuses
+      on building products that bring out the creativity in all of us.</p>
+    <p>A native of Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems from
+      Stanford University. Prior to founding Instagram, he worked at Meebo as a
+      user experience designer and front-end engineer.</p>
+  </body>
+</html>
diff --git a/stevens-college/.DS_Store b/stevens-college/.DS_Store
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">
+    <title></title>
+    <link rel='stylesheet' href='styles.css'/>
+  </head>
+  <body>
+  <div class='CSET'>
+    <h1>COMPUTER SOFTWARE ENGINEERING TECHNOLOGY</h1>
+    <img src="http://placekitten.com/640/360"></img>
+    <div class='links'>
+      <div class='schedule'>SCHEDULE</div>
+      <div class='faculty'>FACULTY</div>
+      <div class='tool_list'>TOOL LIST</div>
+    </div>
+    <p>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>
+  </div>
+  </body>
+</html>
diff --git a/stevens-college/styles.css b/stevens-college/styles.css
@@ -1 +1,30 @@
 /* Add your CSS here */
+* {
+  margin: auto;
+  padding: 0;
+  box-sizing: border-box;
+  justify-content: center;
+  font-family: arial;
+  align-items: center;
+}
+
+.CSET {
+  display: block;
+  width: 560px;
+}
+
+h1 {
+  font-size: 48pt;
+}
+
+.links {
+  display: flex;
+  justify-content: space-around;
+  padding: 30px;
+}
+
+.schedule, .faculty, .tool_list {
+  background-color: #8b1e41;
+  color: white;
+  padding: 10px;
+}