ts-cset · PKCRY · Sep 26, 2019 · Oct 1, 2019 · Oct 1, 2019
diff --git a/amazon/book.jpeg b/amazon/book.jpeg
diff --git a/amazon/index.html b/amazon/index.html
@@ -1 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'/>
+    <title>Positioning Is Easy!</title>
+    <link href='styles.css' rel='stylesheet'/>
+  </head>
+  <body>
+    <article class="top">
+        <h1>Computer & Technolgy Books</h1>
+        <p>Browse a wide selection of <a href="">programming guides</a>, <a href="">Android resources</a>, and <a href="">Java books</a>.</p>
+        <h2>Shop by category</h2>
+    </article>
+
+    <article class="bottom">
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Programming</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Computer Science</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Programming Languages</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Networking & Cloud Compter</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Security & Encryption</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Software</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Operating Systems</a>
+        <a class="selections" href=""><img alt="book" src="book.jpeg">Games & Strategy Guides</a>
+      </article>
+
+
+ </body>
 <!-- Add your HTML here -->
diff --git a/amazon/styles.css b/amazon/styles.css
@@ -1 +1,29 @@
-/* Add your CSS here */
+
+* {
+    box-sizing: content-box;
+}
+body {
+width: 1000px;
+}
+h1 {
+    font-size: 2rem;
+    color: orange;
+}
+
+p {
+    color: grey;
+}
+h2 {
+    border-bottom: 1px solid lightgrey;
+}
+
+.bottom {
+    display: flex;
+    width: 600px;
+    flex-wrap: wrap;
+}
+
+.selections {
+    width: 130px;
+    padding: 10px;
+}
diff --git a/github/index.html b/github/index.html
@@ -1 +1,35 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>AHHHAHAAHHAHH</title>
+    <link rel="stylesheet" href="styles.css"  type="text/css">
+  </head>
+<body>
+<ul class="nav">
+    <li><a href="#">About</a></li>
+    <li><a href="#">Careers</a></li>
+</ul>
+<h1>Come help us make a collaboration even better</h1>
+<p>At GitHib 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>
+
+<ul class="buttons">
+    <li><a href="#">Open Positions</a></li>
+    <li><a href="#">Apprenticeships</a></li>
+    <li><a href="#">Internships</a></li>
+</ul>
+
+<article class="left">
+    <img src="video.jpeg">
+    <h3>A diverse and inclusive workplace</h3>
+    <p>At GitHub, we think that a diverse company is a strong company, and we work to foster a supportive and welcoming workplace. Learn more about our commitment to diveristy and inclusion and see our <a href="#">current demographic data.</a></p>
+</article>
+
+<article class="right">
+    <img src="video.jpeg">
+    <h3>Work Happier</h3>
+    <p>Build amazing things with autonomy, self-direction, and a healthy work-life balance. We offer felxible 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>
 <!-- Add your HTML here -->
diff --git a/github/styles.css b/github/styles.css
@@ -1 +1,12 @@
+* {
+    box-sizing: content-box;
+
+}
+
+.nav {
+    position: static;
+    position: top;
+    position: left;
+}
+
 /* Add your CSS here */
diff --git a/github/video.jpeg b/github/video.jpeg
diff --git a/instagram/index.html b/instagram/index.html
@@ -1 +1,40 @@
-<!-- Add your HTML here -->
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='UTF-8'/>
+    <title>Instagram</title>
+    <link href='styles.css' rel='stylesheet'/>
+  </head>
+  <div class="positioning">
+    <nav>
+        <div class="sidebar">
+            <p class="about">ABOUT</p>
+            <ul class=about-ls>
+                <li><a href="">Company</a></li>
+                <li><a href="">Press</a></li>
+                <li><a href="">Jobs</a></li>
+            </ul>
+            <p class="legal">LEGAL</p>
+            <ul class="legal-ls">
+                <li><a href="">Terms</a></li>
+                <li><a href="">Privacy</a></li>
+                <li><a href="">Platform</a></li>
+                <li><a href="">Libraries</a></li>
+            </ul>
+        </div>
+</nav>
+<div class="main">
+    <h1>About Us</h1>
+    <h2>The Team</h2>
+    <h3>Kevin Systrom (CEO, co-founder)</h3>
+    <p> <strong>Kevin Systrom</strong> <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 well as day-to-day operations.</p>
+    <p>Since the beginning, Kevin has focused on simplicty and inspiring creativity through solving problems with thoughtful product design. As a result, Instagram has become the home for visual storytelling for evreyone from celebrities, newsrooms and brands, to teams, 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 oproducts like Gmail and Google Reader. He graduated from Stanford University with a BS in Management Science & Engineering and services on teh boards of Walmart and KCRW.</p>
+    <h3>Mike Kreiger (CTO, co-founder)</h3>
+    <p><strong>Mike Krieger</strong><a href="">(@mikeyk)</a> 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 Standford University. Prior to founding Instagram, he worked at Meebo as a user experiece designer and front-end engineer.</p>
+</div>
+</div>
+</div>
+  <body>
+
diff --git a/instagram/styles.css b/instagram/styles.css
@@ -1 +1,60 @@
 /* Add your CSS here */
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-weight: lighter;
+    font-family: Arial, Helvetica, sans-serif;
+
+}
+.positioning{
+    display: flex;
+    justify-content: flex-start;
+    border: 1px solid gray;
+}
+.main {
+    border: 1px solid gray;
+    padding: 40px;
+    padding-bottom: 60px;
+}
+
+
+
+.sidebar {
+width: 150px;
+padding-top: 20px;
+padding-left: 10px;
+}
+
+li {
+    position: relative;
+    top: left;
+    list-style: none;
+    padding-top: 5px;
+    padding-bottom: 5px;
+
+
+}
+
+a {
+    color: black;
+    text-decoration: none;
+}
+
+li:hover {
+    Border-left: 2px solid blue;
+    border-spacing: 10px, 0, 0, 0;
+}
+
+
+
+.about {
+    position: relative;
+    top: left;
+}
+
+ul {
+    list-style: none;
+    padding-left: 0px;
+}
diff --git a/stevens-college/index.html b/stevens-college/index.html
@@ -1 +1,25 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Nicholas Card</title>
+    <link rel="stylesheet" href="styles.css"  type="text/css">
+  </head>
+    <body>
+            <h1 class="big-text">COMPUTER SOFTWARE ENGINEERING TECHNOLOGY</h1>
+
+            <img class="image" href="video.jpeg"></img>
+            <article>
+            <ul class="buttonboys">
+            <li><a class="buttons" href="#">SCHEDULE</a></li>
+            <li><a class="buttons" href="#">FACULTY</a></li>
+            <li><a class="buttons" href="#">TOOL LIST</a></li>
+            </ul>
+          </article>
+          <p>Computers have become a major factor in teh 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>
+
+
 <!-- Add your HTML here -->
diff --git a/stevens-college/styles.css b/stevens-college/styles.css
@@ -1 +1,33 @@
+* {
+    box-sizing: content-box;
+    width: 600px;
+}
+
+.image {
+    display: flex;
+    height: 400px;
+    width: 700px;
+}
+
+.buttonboys {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    list-style: none;
+}
+.buttons {
+    color: white;
+    font-size: 30px;
+    text-decoration: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: maroon;
+    Height: 50px;
+    width: 175px;
+}
+
+h1 {
+    font-size: 75px;
+}
 /* Add your CSS here */
diff --git a/stevens-college/video.jpeg b/stevens-college/video.jpeg