Advertisement
Guest User

Untitled

a guest
Nov 16th, 2019
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.01 KB | None | 0 0
  1. *{
  2. margin: 0;
  3. padding: 0;
  4. list-style: none;
  5. text-decoration: none;
  6. }
  7.  
  8. .header{
  9. width: 100%;
  10. height: 80px;
  11. display: block;
  12. background-color:white;
  13. /* position: absolute; */
  14. }
  15.  
  16. .header1{
  17. background-color: #8B8970;
  18. }
  19.  
  20. .fa {
  21. padding: 5px;
  22. font-size: 20px;
  23. width: 0px;
  24.  
  25. text-align: center;
  26.  
  27. text-decoration: none;
  28. margin: 2px -56px;
  29. height: 30px;
  30.  
  31.  
  32. }
  33.  
  34. .fa-facebook , .fa-twitter ,.fa-instagram {
  35. color: white;
  36. margin-left: 5%;
  37.  
  38.  
  39. }
  40. .inner_header{
  41. width: 90%;
  42. height: 100%;
  43. display: block;
  44. margin: 0 auto;
  45. }
  46.  
  47. .logo_container{
  48. height: 100%;
  49. display: table;
  50. float: left;
  51. }
  52.  
  53. .logo_container h1{
  54. color: #770000;
  55. height: 100%;
  56. display: table-cell;
  57. vertical-align: middle;
  58. font-family: 'Dancing Script';
  59. font-size: 50px;
  60. font-weight: 200px;
  61. }
  62.  
  63. .logo_container h1 span{
  64. font-weight: bold;
  65.  
  66. }
  67.  
  68. .navigation{
  69. float: right;
  70. height: 100%;
  71. }
  72.  
  73. .navigation a{
  74. height: 100%;
  75. display: table;
  76. float: left;
  77. padding: 0px 20px;
  78. }
  79.  
  80. .navigation a :last-child{
  81. padding-right: 0;
  82. }
  83.  
  84. .navigation a li{
  85. display: table-cell;
  86. vertical-align: middle;
  87. height: 100%;
  88. color:#770000;
  89. font-family: 'Montserrat';
  90. font-size: 16px;
  91. }
  92. #header1 {
  93. width: 119%;
  94. }
  95. *{
  96. margin: 0;
  97. padding: 0;
  98. list-style: none;
  99. text-decoration: none;
  100. }
  101.  
  102. /* FOOTER */
  103. .footer{
  104. margin-top: 40px;
  105. width: 100vw;
  106. display: block;
  107. padding: 20px 0;
  108. box-sizing: border-box;
  109. background-color: #8B8970;
  110. height: 32%;
  111. }
  112.  
  113. .inner_footer{
  114. display: flex;
  115. justify-content: space-around;
  116. margin: 0 auto;
  117. width: 1100px;
  118. height: 100%;
  119. font-family: "Montserrat";
  120. font-size: 15px;
  121. color: white;
  122. }
  123.  
  124. .inner_footer .footer_third a {
  125. display: block;
  126. margin-top: 5px;
  127. color: white;
  128. }
  129. .footer{
  130. margin-top: 40px;
  131. width: 100vw;
  132. display: block;
  133. padding: 20px 0;
  134. box-sizing: border-box;
  135. background-color: #8B8970;
  136. height: 32%;
  137. }
  138.  
  139. .inner_footer{
  140. display: flex;
  141. justify-content: space-around;
  142. margin: 0 auto;
  143. width: 1100px;
  144. height: 100%;
  145. font-family: "Montserrat";
  146. font-size: 15px;
  147. color: white;
  148. }
  149.  
  150. .inner_footer .footer_third a {
  151. display: block;
  152. margin-top: 5px;
  153. color: white;
  154. }
  155.  
  156. .footer{
  157. margin-top: 40px;
  158. width: 100vw;
  159. display: block;
  160. padding: 20px 0;
  161. box-sizing: border-box;
  162. background-color: #8B8970;
  163. height: 32%;
  164. }
  165.  
  166. .inner_footer{
  167. display: flex;
  168. justify-content: space-around;
  169. margin: 0 auto;
  170. width: 1100px;
  171. height: 100%;
  172. font-family: "Montserrat";
  173. font-size: 15px;
  174. color: white;
  175. }
  176.  
  177. .inner_footer .footer_third a {
  178. display: block;
  179. margin-top: 5px;
  180. color: white;
  181. }
  182.  
  183.  
  184. .content {
  185. font-family: 'Bebas Neue', cursive;
  186. }
  187.  
  188. .bg-image {
  189.  
  190. background-image: url("page2bg.jpg");
  191.  
  192.  
  193. filter: blur(8px);
  194. -webkit-filter: blur(8px);
  195.  
  196.  
  197. height: 120%;
  198.  
  199.  
  200. background-size: cover;
  201. background-repeat: no-repeat;
  202. background-position: center center;
  203. }
  204.  
  205. .quotesau {
  206. font-size: 160%;
  207. background-color: rgb(0,0,0);
  208. background-color: rgba(61, 53, 53, 0.4);
  209. color: white;
  210. border: 3px solid #f1f1f1;
  211. position: absolute;
  212. top: 25%;
  213. left: 50%;
  214. transform: translate(-50%, -50%);
  215. z-index: 2;
  216. width: 50%;
  217. padding: 20px;
  218. text-align: center;
  219. }
  220.  
  221. .ex {
  222. display: inline-block;
  223. margin-left: 30px;
  224. }
  225.  
  226. .bottom {
  227. position: absolute;
  228. display: flex;
  229. justify-content: space-around;
  230. top: 50%;
  231. }
  232.  
  233. #get-plan {
  234. font-size: 160%;
  235. width: 10%;
  236. height: 10%;
  237. font-family: 'Bebas Neue', cursive;
  238. position: absolute;
  239. top: 110%;
  240. right: 47%;
  241. color: white;
  242. border-radius: 25px;
  243. background-color: rgb(0,0,0);
  244. background-color: rgba(0,0,0, 0.4);
  245. border: 3px solid #f1f1f1;
  246. cursor: pointer;
  247. }
  248.  
  249. #get-plan:hover, .banner:hover {
  250. background-color: white;
  251. color: black;
  252. }
  253.  
  254. .banner {
  255. padding-top: 10px;
  256. padding-bottom: 10px;
  257. font-size: 140%;
  258. background-color: rgb(0,0,0);
  259. background-color: rgba(0,0,0, 0.4);
  260. color: white;
  261. border: 3px solid #f1f1f1;
  262. text-align: center;
  263. }
  264. *{
  265. margin: 0;
  266. padding: 0;
  267. list-style: none;
  268. text-decoration: none;
  269. }
  270.  
  271. .footer{
  272. margin-top: 40px;
  273. width: 100vw;
  274. display: block;
  275. padding: 20px 0;
  276. box-sizing: border-box;
  277. background-color: #8B8970;
  278. height: 28%;
  279. }
  280.  
  281. .inner_footer{
  282. display: flex;
  283. justify-content: space-around;
  284. margin: 0 auto;
  285. width: 1100px;
  286. height: 100%;
  287. font-family: "Montserrat";
  288. font-size: 15px;
  289. color: white;
  290. }
  291.  
  292. .inner_footer .footer_third a {
  293. display: block;
  294. margin-top: 5px;
  295. color: white;
  296. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement