Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="styles-v2.css" />
- <meta charset="utf-8" />
- <title>The COffee Bean Grocery</title>
- </head>
- <body>
- <div id="main">
- <div id="header">
- <div id="widgetBar">
- <div class="headerWidget">
- english | <span class="bubble"><a href="chooseLanguage;">cesky</a></span>
- </div>
- <div class="headerWidget" id="viewCart">
- <img src="cart.gif" alt="shopping cart icon" id="cart">
- <span class="horizontalMargin">0 items</span>
- </div>
- </div>
- <a href="https://www.google.com">
- <img id="headerLogo" src="./images/logo.png" />
- <a/>
- <img id="headerStalk" src="./images/stalk.png" />
- <img id="headerLogoText" src="./images/logoText.png" />
- </div>
- <div id="indexLeftColumn">
- <div id="welcomeText">
- <p style="font-size:larger">Welcome to the online home of the Coffee Bean Green Grocer.</p>
- <p>Our unique home delivery service brings you fresh organic produce, dairy, meats, breads and other delicious and healthy items direct to your doorstep.</p>
- </div>
- <div id="indexRightColumn">
- right
- </div>
- <div id="footer">
- <br/>
- <hr id="footerDivider">
- <p id="footerText" class="reallySmallText">
- <a href="#">Privacy Policy</a>
- ::
- <a href="#">Contact</a>
- ©
- 2017 the coffee bean</p>
- </div>
- </div>
- </div>
- </body>
- body {font-family: Arial, Helvetica, sans-seriff;
- width:850px;
- text-align:center;
- margin:20px auto;}
- #main {background:#eee;}
- #header {height:250px;
- background:#aaa;}
- #footer {height:60px;
- clear: left;
- background: #aaa;}
- #indexLeftColumn {height:400px;
- width:350px;
- float:left;
- background:#aaa;}
- #indexRightColumn {height:400px;
- width:500px;
- float:right;
- background:#eee;}
- #headerLogo {float:left;}
- #headerStalk {position:relative;left:-30px;top:-156px;}
- #headerLogoText {position:relative;top:-335px;}
- #widgetBar {height:50px;
- width:850px;
- float:right;
- background:#ccc;}
- .headerWidget {width:194px;
- margin:20px 2px;
- font-size:small;
- float:right;
- line-height:25px;
- background:#aaa;}
- .bubble {font-weight:bold;
- background-color: #f5eabe;
- padding:5px;
- color:inherit;
- border-radius:4px;}
- .reallySmallText {font-size: xx-small;}
- #viewCart {text-align:left;
- width:210px;}
- .horizontalMargin {margin-left:28px;
- margin-right:5px;}
- #welcomeText {margin:30px 5px 0 30px;
- line-height:1.4cm;}
- #footerDivider
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement