API tools faq
paste
ZeroMaster

Web

ZeroMaster
Oct 31st, 2017
34
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Webiste New</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  8. <script src="script.js"></script>
  9. <meta charset="utf-8">
  10. <link rel="stylesheet" type="text/css" href="style.css">
  11. </head>
  12. <body class="body">
  13. <header>
  14. <div class="logo">
  15. <img id="logo1" src="img.png">
  16. </div>
  17. <div id='cssmenu'>
  18. <ul>
  19. <li class='active'><a href='#'>Home</a></li>
  20. <li><img class="spinning" src="Spinning.gif"></li>
  21. <li><a href='#'>Products</a></li>
  22. <li><img class="spinning" src="Spinning.gif"></li>
  23. <li><a href='#'>Company</a></li>
  24. <li><img class="spinning" src="Spinning.gif"></li>
  25. <li><a href='#'>Contact</a></li>
  26. <li><img class="spinning" src="Spinning.gif"></li>
  27. </ul>
  28. </div>
  29. </header>
  30. <div class="content">
  31. <article>
  32. <header>
  33. <h2>First Post</h2>
  34. </header>
  35. <content>
  36. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  37. </content>
  38. </article>
  39. </div>
  40.  
  41. <div class="content">
  42. <article>
  43. <header>
  44. <h2>First Post</h2>
  45. </header>
  46. <content>
  47. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  48. </content>
  49. </article>
  50. </div>
  51. <div class="content">
  52. <article>
  53. <header>
  54. <h2>First Post</h2>
  55. </header>
  56. <content>
  57. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  58. </content>
  59. </article>
  60. </div>
  61. <div class="content">
  62. <article>
  63. <header>
  64. <h2>First Post</h2>
  65. </header>
  66. <content>
  67. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  68. </content>
  69. </article>
  70. </div>
  71. <footer class="mainfooter">
  72. <center><p>Copyright &copy: 2017 <a href="http://www.itdonors.com/">IT Donors </a></p></center>
  73. </footer>
  74. </body>
  75. </html>
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84. css Style
  85.  
  86. @import url(http://fonts.googleapis.com/css?family=Raleway);
  87. .logo{
  88. width: auto;
  89. height: 140px;
  90. padding: 50px 10px 0px 10px;
  91. }
  92. #logo1{
  93. width: 100%;
  94. height: 100%;
  95. }
  96. .spinning{
  97. height: 35px;
  98. widows: 35px;
  99. padding: 9px 0px 0px 0px;
  100. }
  101. body{
  102. color: #000305;
  103. font-size: 87.5%;
  104. font-family:arial;
  105. line-height: 1.5;
  106. text-align: left;
  107. }
  108. .body{
  109.  
  110. margin: 0 auto;
  111. clear: both;
  112. width: 70%;
  113. }
  114. #cssmenu,
  115. #cssmenu ul,
  116. #cssmenu ul li,
  117. #cssmenu ul li a {
  118. margin: 0;
  119. padding: 0;
  120. border: 0;
  121. list-style: none;
  122. line-height: 1;
  123. display: block;
  124. position: relative;
  125. -webkit-box-sizing: border-box;
  126. -moz-box-sizing: border-box;
  127. box-sizing: border-box;
  128. }
  129. #cssmenu:after,
  130. #cssmenu > ul:after {
  131. content: ".";
  132. display: block;
  133. clear: both;
  134. visibility: hidden;
  135. line-height: 0;
  136. height: 0;
  137. }
  138. #cssmenu {
  139. width: auto;
  140. border-bottom: 3px solid #47c9af;
  141. font-family: Raleway, sans-serif;
  142. line-height: 1;
  143. }
  144. #cssmenu ul {
  145. background: #ffffff;
  146. }
  147. #cssmenu > ul > li {
  148. float: left;
  149. }
  150. #cssmenu.align-center > ul {
  151. font-size: 0;
  152. text-align: center;
  153. }
  154. #cssmenu.align-center > ul > li {
  155. display: inline-block;
  156. float: none;
  157. }
  158. #cssmenu.align-right > ul > li {
  159. float: right;
  160. }
  161. #cssmenu.align-right > ul > li > a {
  162. margin-right: 0;
  163. margin-left: -4px;
  164. }
  165. #cssmenu > ul > li > a {
  166. z-index: 2;
  167. padding: 18px 25px 12px 25px;
  168. font-size: 15px;
  169. font-weight: 400;
  170. text-decoration: none;
  171. color: #444444;
  172. -webkit-transition: all .2s ease;
  173. -moz-transition: all .2s ease;
  174. -ms-transition: all .2s ease;
  175. -o-transition: all .2s ease;
  176. transition: all .2s ease;
  177. margin-right: -4px;
  178. }
  179. #cssmenu > ul > li.active > a,
  180. #cssmenu > ul > li:hover > a,
  181. #cssmenu > ul > li > a:hover {
  182. color: #ffffff;
  183. }
  184. #cssmenu > ul > li > a:after {
  185. position: absolute;
  186. left: 0;
  187. bottom: 0;
  188. right: 0;
  189. z-index: -1;
  190. width: 100%;
  191. height: 120%;
  192. border-top-left-radius: 8px;
  193. border-top-right-radius: 8px;
  194. content: "";
  195. -webkit-transition: all .2s ease;
  196. -o-transition: all .2s ease;
  197. transition: all .2s ease;
  198. -webkit-transform: perspective(5px) rotateX(2deg);
  199. -webkit-transform-origin: bottom;
  200. -moz-transform: perspective(5px) rotateX(2deg);
  201. -moz-transform-origin: bottom;
  202. transform: perspective(5px) rotateX(2deg);
  203. transform-origin: bottom;
  204. }
  205. #cssmenu > ul > li.active > a:after,
  206. #cssmenu > ul > li:hover > a:after,
  207. #cssmenu > ul > li > a:hover:after {
  208. background: #47c9af;
  209. }
  210. .maincontent{
  211.  
  212. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!