Skip to content

Added all my stuff #4

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
quipham899 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Added all my stuff #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5ae6dcd
Finally done
Sep 30, 2019
660ea81
Changes to AirBnb
Sep 30, 2019
d9655a4
Fixed Amazon
Oct 1, 2019
cbb29b9
Fixed up more stuff
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
48 changes: 48 additions & 0 deletions airbnb/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,49 @@
<!-- Add your HTML here -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="images">
<img src="https://placekitten.com/200/300">
<h2>Book Unique Homes and Experiences</h2>
</div>
<div class="form">
<h2>WHERE</h2>
<input type ="text">
<div class="Head">
<h2>CHECK OUT</h2>
<h2>CHECK IN</h2>
</div>
<div class="flex1">
<input type ="text">
<input type ="text">
</div>
<div class="text">
<h2>GUESTS</h2>
<input type ="text">
</div>
</div>
<div class="button">
<div>Search</div>
</div>
<div class="explore">
<h2>Explore AirBnB</h2>
<div class="one">
<h2>Home</h2>
<img src="https://placekitten.com/200/300">
</div>
<div class="two">
<h2>Experiences</h2>
<img src="https://placekitten.com/200/300">
</div>
<div class="three">
<h2>Restaurants</h2>
<img src="https://placekitten.com/200/300">
</div>
</div>
</body>
</html>
91 changes: 90 additions & 1 deletion airbnb/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,90 @@
/* Add your CSS here */
.Head{
display: flex;
}
.flex1 input{
width: 100%;
}
.flex1{
display: flex;
}
.Head h2:last-child{
padding-left: 800px;
}
.form input{
width: 100%;
height: 50px;
}
.button{
margin-top: 50px;
display: flex;
height: 50px;
width: 100%;
background-color: red;
}
.button div{
margin-top: 15px;
padding-left: 50%;
}
.explore{
display: flex;
position: relative;
display: flex;
height: 100px;
}
.explore img{
margin-right: 200px;
}
.explore h2{
position: absolute;
right: 0px;
margin-bottom: 500px;
}
.explore .one{
position: relative;
border: 1px solid black;
margin-top: 100px;
}
.explore .one h2{
position: absolute;
right: 0px;
}
.explore .two{
position: relative;
border: 1px solid black;
margin-top: 100px;
}
.explore .three{
position: relative;
border: 1px solid black;
margin-top: 100px;
}
.explore img{
height: 90px;
width:90px;
justify-content: space-between;
}
.explore{
margin-right: 300px;
justify-content: space-between;
}
.text h2{
font-weight: bold;
}
.images{
display: flex;
position: relative;
}
.images img{
width: 100%;
height: 300px;
}
.images h2{
position: absolute;
top: 25%;
left: 25%;
font-size: 50px;
color: white;
}
.text h2{
font-weight: bold;
}
37 changes: 37 additions & 0 deletions amazon/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,38 @@
<!-- Add your HTML here -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="header">
<h2>Computer & Technology Books</h2>
<p>Browse a wide selection of <span>programming guides</span>, <span>Android resources</span>, and <span>java books</span></p>
<h2>Shop By Category</h2>
</div>
<div class="body">
<div class="top">
<img src="https://placekitten.com/200/300">
<h2>Programming</h2>
<img src="https://placekitten.com/200/300">
<h2>Computer Science</h2>
<img src="https://placekitten.com/200/300">
<h2>Programming language</h2>
<img src="https://placekitten.com/200/300">
<h2>Network & Cloud Computing</h2>
</div>
<div class="bottom">
<img src="https://placekitten.com/200/300">
<h2>Security & Encryption</h2>
<img src="https://placekitten.com/200/300">
<h2>Software</h2>
<img src="https://placekitten.com/200/300">
<h2>Operating Systems</h2>
<img src="https://placekitten.com/200/300">
<h2>Game & Strategy Guides</h2>
</div>
</div>
</body>
</html>
68 changes: 68 additions & 0 deletions amazon/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,69 @@
/* Add your CSS here */
body{
box-sizing: border-box;
}
.private{
flex-wrap: nowrap;
}
.top{
display: flex;
flex-direction: row;
margin-bottom: 100px;
margin-top: 50px;
}
.top img{
width: 25%;
margin-left: 50px;
justify-content: center;
height: 10%;
}
.top h2{
font-size: 20px;
white-space: nowrap;
justify-content: space-between;
justify-content: flex-start;
position: relative;
top: 300px;
color: green;
right: 170px;
}
.top h2:nth-of-type(2){
right: 180px;
}
.top h2:nth-of-type(3){
right: 200px;
}
.top h2:nth-of-type(4){
right: 200px;
}
.bottom{
margin-left: 50px;
display: flex;
flex-direction: row;
}
.bottom img{
margin-left: 0px;
height: 10%;
width: 25%;
}
.bottom h2{
font-size: 20px;
white-space: nowrap;
bottom: 0px;
position: relative;
margin-bottom: 0px;
color: green;
padding-left: 50px;
top: 290px;
right: 230px;
}
.header h2:first-child{
font-size: 30px;
color: gold;
}
.body{
border-top: 1px solid black;
}
.header p span{
color: blue;
}
39 changes: 39 additions & 0 deletions github/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,40 @@
<!-- Add your HTML here -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link href="styles.css" rel="stylesheet" type="text/css"/>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="P">
<h2>Come help us make collaboration even better</h2>
<p>At GitHub we build tools that make collaboration and writing
software easier for everyone. We've built a company we truly love
working for, and we think you will too.</p>
<ul>
<li>Open positions</li>
<li>Apprenticeships</li>
<li>Internships</li>
</ul>
</div>
<div class="P1">
<img src="https://placekitten.com/200/300">
<h3>A diverse and inclusive workplace</h3>
<p>At GitHub we think that a diverse company
is a strong company, and we work hard to foster
a supportive and welcoming workplace. Learn more about our
commitment to diversity and inclusion and see our current demographic
data.</p>
</div>
<div class="P2">
<img src="https://placekitten.com/200/300">
<h3>Work Happier</h3>
<p>Build amazing things with autonomy,self-direction,
and a healthy work-life balance. We offer a flexible
work sechdule for all our employees and unlimited PTO. We
also believe that if a job allows for it, you should work whenever
you feel happiest.</p>
</div>
</body>
</html>
49 changes: 49 additions & 0 deletions github/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,50 @@
/* Add your CSS here */
.P h2{
font-size: 50px;
}
.P ul{
list-style-type: none;
display: flex;
justify-content: center;
justify-content: space-evenly;
width: 450px;
margin-left: 300px;
margin-top: 60px;
color: blue;
}
.P1 img{
width: 200px;
height: 200px;
position: absolute;
bottom: 100px;
left: 0px;
}
.P1 h3{
position: absolute;
bottom: 260px;
left: 200px;
}
.P1 p{
position: absolute;
bottom: 170px;
left: 200px;
width: 340px;
}
.P2 img{
width: 200px;
height: 200px;
position: absolute;
bottom: 100px;
right: 800px;
}
.P2 h3{
position: absolute;
bottom: 260px;
right: 670px;
}
.P2 p{
position: absolute;
bottom: 170px;
right: 450px;
width: 340px;
}
Loading