Skip to content
Open

Lab #15

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions github/index.html
Original file line number Diff line number Diff line change
@@ -1 +1,43 @@
<!-- Add your HTML here -->
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Github</title>
<<link rel="stylesheet" href="styles.css">
</head>

<body>
<aside>
<p><a href="#">About</a>/<a href="#">Careers</a></p>
</aside>
<article>
<section>
<p>Come help us make collaboration even better
</p>
<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>
<a href="#">Open positions</a>
<a href="#">Apprenticeships</a>
<a href="#">Internships</a>
</section>
<section>
<img src="images/hands" alt="Hands Image">
<h3>A diverse and inclusive workspace</h3>
<p>At GitHub, we think that a diverse company is a strong company, and we
work hard to foster a siupportive and welcoming workplace. Learn more
about out commitment to diversite and inclusion and see our <a href="#">
current demographic data.</a>
</p>
</section>
<section>
<h3>Work happier</h3>
<p>Build amazing things with autonomy, self-direction, and a healthy work-life
balance.
</article>
</body>

</html>
59 changes: 59 additions & 0 deletions instagram/index.html
Original file line number Diff line number Diff line change
@@ -1 +1,60 @@
<!-- Add your HTML here -->
<html lang="en">

<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Instagram</title>
</head>

<body>
<div class="navigation">
<nav>
<h3>ABOUT</h3>
<a href="#">Company</a>
<a href="#">Press</a>
<a href="#">Jobs</a>
<h3>LEGAL</h3>
<a href="#">Terms</a>
<a href="#">Privacy</a>
<a href="#">Platform</a>
<a href="#">Libraries</a>
</nav>
</div>
<div class="content">
<article>
<section>
<h2>About Us</h2>
<h3>The Team</h3>
<h4>Kevin Systrom (CEO, co-founder)</h4>
<p>Kevin Systrom(<a href="#">@kevin</a>)is the CEO and 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 simplicity and inspiring
creativity through solving problems with thoughtful project 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 Standford
University with a BS in Management Science and Engineering and serves
on the boards of Walmart and KCRW.
</p>
</section>
<section>
<h4>Mike Krieger (CTO, co-founder)</h4>
<p>Mike Krieger (<a href="#">@mikeyk</a>) is the CT) and co-founder of instagram, a global
community of more than 1 billion. As head of engineering, Mike focuses
on building proiducts that bring out the creativity in all of us.
</p>
<p>A native of Sao Paulo, Brazil, Mike holds a 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>
</article>
</div>

</body>
32 changes: 32 additions & 0 deletions instagram/styles.css
Original file line number Diff line number Diff line change
@@ -1 +1,33 @@
/* Add your CSS here */
body{
display:flex;
height:100vh;
}
.navigation{
float:left;
padding: 2rem;
width: 15%;
border: 1px black solid;
height:500px;
}
nav a{
display:block;
text-decoration: none;
color:black;
}

article{
float:left;
width: 85%;
padding: 2rem;
border: 1px black solid;
height: 500px;
}
article a{
display:inline;
color:blue;
text-decoration: none;
}
nav h3{
color: grey;
}
27 changes: 27 additions & 0 deletions stevens-college/index.html
Original file line number Diff line number Diff line change
@@ -1 +1,28 @@
<!-- Add your HTML here -->
<!Doctype.html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Computer Software Engineering Technology</title>
<h1>COMPUTER SOFTWARE ENGINEERING TECHNOLOGY</h1>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="image">
<a href=https://placeholder.com"><img src="https://via.placeholder.com/500x300">
</a>
</div>
<div class="links">

<a href="#">SCHEDULE</a>
<a href="#">FACULTY</a>
<a href="#">TOOL LIST</a>
</div>
<p> Computers have become a major factor in the development
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 make things possible.
</p>
</body>
</html>
29 changes: 29 additions & 0 deletions stevens-college/styles.css
Original file line number Diff line number Diff line change
@@ -1 +1,30 @@
/* Add your CSS here */
html{
background-color: white;
}
h1{
font-size: 4em;
font-weight: Bold;
font-family: sans-serif;
}
.links{
flex-direction:row;
display:flex;
justify-content: space-around;
}
.links > a{
padding: 20px;
margin: 50px 0 50px 0;
background-color:red;
text-align: center;
color:white;
text-decoration: none;
font-size: 1.5em;
}
.image{
position:relative;

}
p{
font-size: 1.5em;
}