Advertisement
Guest User

Untitled

a guest
Jul 25th, 2017
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.75 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="styles-v2.css" />
  5. <meta charset="utf-8" />
  6. <title>The COffee Bean Grocery</title>
  7. </head>
  8. <body>
  9. <div id="main">
  10.  
  11. <div id="header">
  12. <div id="widgetBar">
  13. <div class="headerWidget">
  14. english | <span class="bubble"><a href="chooseLanguage;">cesky</a></span>
  15. </div>
  16. <div class="headerWidget" id="viewCart">
  17. <img src="cart.gif" alt="shopping cart icon" id="cart">
  18. <span class="horizontalMargin">0 items</span>
  19. </div>
  20. </div>
  21.  
  22. <a href="https://www.google.com">
  23. <img id="headerLogo" src="./images/logo.png" />
  24. <a/>
  25. <img id="headerStalk" src="./images/stalk.png" />
  26. <img id="headerLogoText" src="./images/logoText.png" />
  27. </div>
  28.  
  29. <div id="indexLeftColumn">
  30. <div id="welcomeText">
  31. <p style="font-size:larger">Welcome to the online home of the Coffee Bean Green Grocer.</p>
  32. <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>
  33. </div>
  34. <div id="indexRightColumn">
  35. right
  36. </div>
  37. <div id="footer">
  38. <br/>
  39. <hr id="footerDivider">
  40. <p id="footerText" class="reallySmallText">
  41. <a href="#">Privacy Policy</a>
  42. &nbsp;&nbsp;::&nbsp;&nbsp;
  43. <a href="#">Contact</a>
  44. &nbsp;&nbsp;&copy;&nbsp;&nbsp;
  45. 2017 the coffee bean</p>
  46. </div>
  47. </div>
  48. </div>
  49. </body>
  50.  
  51.  
  52.  
  53. body {font-family: Arial, Helvetica, sans-seriff;
  54. width:850px;
  55. text-align:center;
  56. margin:20px auto;}
  57.  
  58. #main {background:#eee;}
  59.  
  60. #header {height:250px;
  61. background:#aaa;}
  62.  
  63. #footer {height:60px;
  64. clear: left;
  65. background: #aaa;}
  66.  
  67. #indexLeftColumn {height:400px;
  68. width:350px;
  69. float:left;
  70. background:#aaa;}
  71.  
  72. #indexRightColumn {height:400px;
  73. width:500px;
  74. float:right;
  75. background:#eee;}
  76.  
  77. #headerLogo {float:left;}
  78.  
  79. #headerStalk {position:relative;left:-30px;top:-156px;}
  80.  
  81. #headerLogoText {position:relative;top:-335px;}
  82.  
  83. #widgetBar {height:50px;
  84. width:850px;
  85. float:right;
  86. background:#ccc;}
  87.  
  88. .headerWidget {width:194px;
  89. margin:20px 2px;
  90. font-size:small;
  91. float:right;
  92. line-height:25px;
  93. background:#aaa;}
  94.  
  95. .bubble {font-weight:bold;
  96. background-color: #f5eabe;
  97. padding:5px;
  98. color:inherit;
  99. border-radius:4px;}
  100.  
  101. .reallySmallText {font-size: xx-small;}
  102.  
  103. #viewCart {text-align:left;
  104. width:210px;}
  105.  
  106. .horizontalMargin {margin-left:28px;
  107. margin-right:5px;}
  108.  
  109. #welcomeText {margin:30px 5px 0 30px;
  110. line-height:1.4cm;}
  111.  
  112. #footerDivider
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement