Advertisement
beetroit

Untitled

Feb 13th, 2025
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.38 KB | None | 0 0
  1. /*Start Global*/
  2. * {
  3.   margin: 0;
  4.   padding: 0;
  5.   box-sizing: border-box;
  6. }
  7.  
  8. body {
  9.   font-family: "sans serif", Arial;
  10.   background-color: #23272A;
  11.   color: white;
  12. }
  13.  
  14. /*End Global*/
  15.  
  16. /*Start Header*/
  17. header {
  18.   text-align: center;
  19.   color: #1c262f;
  20.   padding: 50px 0 40px 0;
  21. }
  22. header h1 {
  23.   margin-bottom: 20px;
  24.   font-size: 50px;
  25.   font-weight: bold;
  26. }
  27. header h2 {
  28.   font-size: 30px;
  29.   font-weight: bold;
  30. }
  31. header span {
  32.   text-decoration: underline;
  33. }
  34. header .header-video {
  35.   width: 50%;
  36.   margin: 50px auto;
  37.   height: 400px;
  38. }
  39. u{
  40.   color: rgb(224, 224, 125);
  41.   font-weight: bold;
  42. }
  43. /*End Header*/
  44.  
  45. /*Start Images and text section*/
  46. .images-text {
  47.   width: 80%;
  48.   margin: 0 auto;
  49. }
  50. .images-text .images {
  51.   width: 65%;
  52.  
  53.   margin: auto;
  54.   display: flex;
  55.   justify-content: space-between;
  56. }
  57. .images-text .images .image {
  58.   width: 100%;
  59. }
  60. .images-text .images .image img {
  61.   height: 150px;
  62.   width: 200px;
  63. }
  64. .images-text .text {
  65.   color: #1c262f;
  66. }
  67. .images-text .text h2 {
  68.   text-align: center;
  69.   font-size: 40px;
  70. }
  71. .images-text .text .lists {
  72.   display: flex;
  73.   justify-content: space-between;
  74.   width: 60%;
  75.   margin: 20px auto;
  76. }
  77. .images-text .text .lists ul li {
  78.   font-size: 25px;
  79.   margin: 10px;
  80.   font-weight: 600;
  81. }
  82. .images-text .text .lists ul:first-of-type {
  83.   width: 70%;
  84. }
  85.  
  86. /*End Images and text section*/
  87.  
  88. /*Start testimonial*/
  89. .testimonial {
  90.   padding: 50px 0;
  91.   width: 100%;
  92.   margin: 0 auto;
  93.   text-align: center;
  94.   color: white;
  95. }
  96. .testimonial .reviews {
  97.   width: 100%;
  98.   margin: auto;
  99.   display: flex;
  100.   justify-content: space-between;
  101. }
  102. .testimonial .reviews .review {
  103.   display: flex;
  104.   background-color: rgb(24, 22, 22);
  105.   align-items: center;
  106.   justify-content: center;
  107.   flex-direction: column;
  108. }
  109. .testimonial .reviews .review .image {
  110.   width: 60%;
  111.   margin: 15px 0;
  112. }
  113. .testimonial .reviews .review .image img {
  114.   width: 100%;
  115. }
  116. .testimonial .reviews .review p {
  117.   font-size: 19px;
  118.   margin: 15px 0;
  119. }
  120. .testimonial .reviews .review h4 {
  121.   margin: 15px 0;
  122.   font-style: italic;
  123.   color: white;
  124.   font-size: 20px;
  125.   font-weight: bold;
  126. }
  127. .testimonial button {
  128.   margin-top: 20px;
  129.   font-size: 30px;
  130.   color: white;
  131.   background-color: rgb(182, 15, 15);
  132.   padding: 20px 30px;
  133.   border-radius: 10px;
  134.   font-weight: bold;
  135.   border: 0;
  136.   outline: none;
  137. }
  138.  
  139. /*End testimonial*/
  140.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement