Skip to content

xinwei #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
xinweiwangGithub wants to merge 1 commit into
base: master
Choose a base branch
from
Open

xinwei #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
61 changes: 61 additions & 0 deletions 02cup/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
body {
//background: url(../images/page-mock.png);
background-size: 1024px 885px;
background-repeat: no-repeat;
font-family: Verdana, sans-serif;
font-color: #f07c17;
}
h1 {
text-align: center;
color: #666666;
font-size: 49px;
font-weight: normal;
margin-bottom: 27px;
margin-top: 42px;
margin-left: -10px;
letter-spacing: -0.6px;
}
#main {
margin-left: 8px;
margin-top: -2px;
}
ul {
color: #666666;
line-height: 31px;
margin-top: 30px;
margin-left: 9px;
border: 1px;
}
.para {
line-height: 30px;
margin-top: 30px;
color:#666666;
margin-left: 22px;
}
h2 {
color: #f07c17;
margin-top: 0px;
margin-left: 23px;}

.container {
width: 970px;
margin: 26px 27px;
}
.left {
width: 40%;
float: left;
}
.right {
width: 60%;
float: left;
}
.box {
border: 1px;
width: 319px;
margin-top: 28px;
padding: 10px 30px 30px;
}
img {
width: 374px;
margin: 10px;
}
Binary file added 02cup/images/mug.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02cup/images/page-mock.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 48 additions & 0 deletions 02cup/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Mockup</title>
</head>
<body>
<div class="container">
<div>
<h1>Orange Udacity Mug</h1>
</div>
<div class="left">
<img src="images/mug.png" alt="Mug Cup">
<div class="box">
<h2 id="main">Main Features</h2>
<ul>
<li>Holds your favorite drink</li>
<li>Energizing color</li>
<li>Reminds you to learn</li>
</ul>
</div>
</div>
<div class="right">
<h2>A Good Way to Start a Day</h2>
<div class="para">
<p>
Bacon ipsum dolor sit amet shoulder drumstick spare ribs shank, magna in sirloin. Turducken dolore tempor irure tenderloin pork belly shankle. Excepteur in strip steak pork chop voluptate tongue, hamburger nostrud kevin enim nulla ut cow incididunt. Do pancetta swine hamburger incididunt in excepteur irure pig labore est venison dolor ex adipisicing. Labore capicola veniam, commodo corned beef ut non rump swine pork chop exercitation ball tip ham deserunt.
</p>
<p>
Ad tri-tip short loin anim beef ribs eu ball tip velit deserunt frankfurter sunt nisi filet mignon. Pork loin quis ham hock mollit cupidatat. Id ground round chuck jerky meatball laborum frankfurter short loin in biltong t-bone doner ea irure. Culpa ex ut id. Nostrud t-bone bresaola pariatur qui tri-tip pork chop, ribeye irure velit pork et in dolore.

</p>
<p>
Bacon in sunt dolor fatback excepteur turkey chuck velit proident frankfurter quis. Nisi shank sirloin sed tenderloin. Magna short ribs kielbasa biltong minim. In esse t- bone est tail kielbasa dolor ullamco tongue mollit sint sirloin chuck venison anim. Short ribs dolore adipisicing, bresaola venison cupidatat short loin turducken biltong leberkas andouille elit ad in occaecat. Ground round pariatur cupidatat ham hock magna tempor ea jowl duis.
</p>
</div>

</div>
</div>




</body>


</html>