Skip to content

Lee-More-Css-Practice lab #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
LeeEnck wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Lee-More-Css-Practice lab #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8f6a49d
Updated code for instagram and stevens-college
LeeEnck Oct 1, 2019
5e6a599
fixed the ul for instagram, also started the html for github.
LeeEnck Oct 1, 2019
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
31 changes: 30 additions & 1 deletion github/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,30 @@
<!-- Add your HTML here -->
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>

<meta charset="utf-8">

<title>Github</title>


<h1 class="title">Come help us make collaboration even better</h1>

</head>

<body>
<aside>
<p><a href="#">About</p><a href="#">careers</a>

</aside>
<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>



</div>

</body>

</html>
2 changes: 1 addition & 1 deletion github/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
/* Add your CSS here */

60 changes: 59 additions & 1 deletion instagram/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,59 @@
<!-- Add your HTML here -->
<!DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8">

<title>Instagram</title>

</head>

<body>

<article class="content">

<h1 class="title">About Us</h1>

<h2>The Team</h2>

<h3>Kevin Systrom (CEO, co-founder)</h3>

<p> <strong>Kevin Systrom</strong> (@kevin) 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 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, muscians 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> <strong>Mike Krieger</strong> (@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 São Paulo Brazil, Mike holds an MS in Symbolic Sytems from standford University. Prior to founding Instagram, he worked at Meebo as a user experience designer and front-end engineer.</p>

</article>

<aside>

<ul>ABOUT
<li>Company</li>
<li>press</li>
<li>Jobs</li>
</ul>

<ul>LEGAL
<li>Terms</li>
<li>Privacy</li>
<li>platforms</li>
<li>Libraries</li>
</ul>

</aside>

</body>

</html>
27 changes: 26 additions & 1 deletion instagram/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,26 @@
/* Add your CSS here */
.article {
float: right;
justify-content: center;
}

.aside {
display: flex;
flex-flow: column wrap;
float: right;
}

.aside {
padding: 2rem;
width: 200px;
}

.aside {
height: auto;
width: 160px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
overflow-x: hidden;
padding-top: 20px;
}
44 changes: 43 additions & 1 deletion stevens-college/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,43 @@
<!-- Add your HTML here -->
<!DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<meta charset="utf-8">


<title>Computer Software Engineering Technology</title>

<h1 class="title">Computer Software Engineering Technology</h1>

</head>

<body>

<div class="container-inner">

<a href="https://placekitten.com"><img src="http://placekitten.com/200/300"></a>

<div id="text">

<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 and animation, computers and
their related software programs makes things possible</p>

</div>

</div>

<section class="links">

<a href="#">Schedule</a>

<a href="#">Faculty</a>

<a href="#">Tool List</a>

</section>

</body>

</html>
27 changes: 26 additions & 1 deletion stevens-college/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,26 @@
/* Add your CSS here */
.title {
display: block;
position: relative;
margin: 0;
padding: 0;
}

.title {
font-size: 2.625em;
font-family: "Lato"sans-serif;
font-weight: 900;
line-height: 1.2;
text-transform: uppercase;
}

.p {
justify-content: center;
}

.sidebar {
float: left;
display: inline;
margin-left: 20px;
margin: 25px;
text-align: justify;
}