Advertisement
Crenox

Portfolio Web Site

Jun 26th, 2015
366
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Sammy Samkough</title>
  6. <link rel="stylesheet" type="text/css" href="style.css">
  7. <link rel="shortcut icon" type="image/png" href="favicon.png"/>
  8. </head>
  9.  
  10. <body>
  11. <div class ="parent">
  12. <div class="center">
  13. <div class="name">Sammy Samkough</div>
  14. </div>
  15.  
  16. <div class = "left">
  17. <div class="about">About</div>
  18. <div class="social">Social</div>
  19. </div>
  20.  
  21. <div class = "right">
  22. <div class="contact">Contact</div>
  23. <div class="blog">Blog</div>
  24. </div>
  25. </div>
  26.  
  27. <script src="js/scripts.js">
  28.  
  29. </script>
  30. </body>
  31. </html>
  32. -------------------------------------------------------------------------------------------------------------------------------
  33. *
  34. {
  35. margin: 0;
  36. padding: 0;
  37. }
  38.  
  39. html
  40. {
  41. background: #808080;
  42. background-image: url("background1.jpg");
  43. background-repeat: no-repeat;
  44. }
  45.  
  46. body
  47. {
  48.  
  49. }
  50.  
  51. div
  52. {
  53. background: transparent;
  54. background-color: transparent;
  55. font-family: Consolas;
  56. font-weight: bold;
  57. }
  58.  
  59. .parent
  60. {
  61. width: auto;
  62. height: auto;
  63. }
  64.  
  65. .left
  66. {
  67.  
  68. }
  69.  
  70. .center
  71. {
  72. text-align: center;
  73. }
  74.  
  75. .right
  76. {
  77.  
  78. }
  79.  
  80. .name
  81. {
  82. text-align: center;
  83. float: center;
  84. }
  85.  
  86. .about
  87. {
  88. float: left;
  89. /* t r b l*/
  90. margin: -1% 1% 1% 1%;
  91. }
  92.  
  93. .contact
  94. {
  95. float: right;
  96. }
  97.  
  98. .social
  99. {
  100. float: left;
  101. }
  102.  
  103. .blog
  104. {
  105. float: right;
  106. }
  107.  
  108. /*
  109. CSS Properties List
  110. http://www.pageresource.com/dhtml/cssprops.htm
  111.  
  112. RGB Colors
  113. http://www.rapidtables.com/web/color/RGB_Color.htm
  114.  
  115. Fonts
  116. http://www.cssfontstack.com/
  117. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement