Skip to content

Html assignment #1

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
parthshah51999 wants to merge 5 commits into
base: develop
Choose a base branch
from
Open

Html assignment #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
35c872a
Initial html elements
parthshah51999 Jun 29, 2019
78e2f0c
Initial styling
parthshah51999 Jun 29, 2019
2f11a3f
CSS modifications
parthshah51999 Jun 30, 2019
6013da9
corrections
parthshah51999 Jul 3, 2019
a02b26e
corrections for height and padding
parthshah51999 Jul 4, 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
35 changes: 32 additions & 3 deletions assignment.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,38 @@
<html>
<head>
<meta charset="utf-8">
<title>React App</title>
</head>
<title>Assignment 1</title>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
</head>
<body>
<div id="app"></div>
<div class="mainNav clearfix">
<div class="blankDiv"></div>
<ul class="clearfix">
<li>THE GALLERY</li>
<li>HOW IT WORKS</li>
<li>HELP</li>
</ul>
</div>
<div class="banner"></div>
<div class="bodywrapper">
<h1>How It Works</h1>
<div class="circle">
Copy link
Copy Markdown
Collaborator

@rishabhtatia1 rishabhtatia1 Jun 30, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove this div

<ul class="clearfix">
<li><div></div><p>Add art to your queue online</p></li>
<li><div></div><p>Receive art at your home in the order you specify</p></li>
<li><div></div><p>Keep the art for as long as you like. Buy only what you love</p></li>
<li><div></div><p>Return the art to receive the next piece in your queue</p></li>
</ul>
</div>
</div>
<footer class="footer">
<ul class="footerList clearfix">
<li><a href="">HOME</a></li>
<li><a href="">THE GALLERY</a></li>
<li><a href="">HOW IT WORKS</a></li>
<li><a href="">HELP</a></li>
</ul>
</footer>
</body>
</html>
3 changes: 3 additions & 0 deletions bash.exe.stackdump
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Stack trace:
Frame Function Args
End of stack trace
3 changes: 3 additions & 0 deletions sh.exe.stackdump
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Stack trace:
Frame Function Args
End of stack trace
106 changes: 106 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
* {
margin: 0;
padding: 0;
}

.blankDiv {
background-color: #ff8000;
width: 140px;
height: 35px;
float: left;
margin: 7.5px 50px 7.5px 100px;
}

.mainNav {
font-size: 18px;
font-weight: bold;
background-color: black;
text-align: center;
}

.mainNav ul {
width: 375px;
margin: 0 auto;
}

.mainNav li {
color: #aaaaaa;
list-style: none;
float: left;
margin: 12.5px 20px 12.5px 0;
}

.mainNav li:last-child {
margin-right: 0;
}

.banner {
padding: 242px;
width: 100%;
Copy link
Copy Markdown
Collaborator

@Karanpharate Karanpharate Jun 30, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

width not required.

background-color: #71c4ea;
}

.circle {
text-align: center;
width: 793px;
margin: 0 auto;
}

.circle p {
text-align: center;
width: 142px;
}

.circle div {
height: 140px;
width: 140px;
border-radius: 50%;
background-color: #efefef;
margin-top: 70px;
float: left;
}

.circle li {
float: left;
list-style: none;
margin-right: 75px;
}

.circle li:last-child {
margin-right: 0;
}

.bodywrapper h1 {
margin-top: 64px;
font-size: 36px;
color: #444444;
text-align: center;
}

.footer {
background-color: #ECECEC;
Copy link
Copy Markdown
Collaborator

@Karanpharate Karanpharate Jun 30, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use small letters for color;

margin-top: 100px;
text-align: center;
}

.footer li {
float: left;
list-style: none;
font-weight: bold;
margin: 13.9px 20px 13.9px 0;
}

.footer a {
color: #FF8000;
font-size: 16px;
text-decoration: none;
}

.footer a:hover {
color: #444444;
}

.footerList {
width: 420px;
margin: 0 auto;
}