Scribd
Upload
24 views

Background-Color Color Display Justify-Content Height: #316dc3 White Flex Space-Evenly

This document contains CSS code that defines styles for various elements on a webpage. It includes styles for things like headers, buttons, social media icons, navigation menus, images, and sections. Styles are defined for elements, text formatting, colors, spacing, and responsive design. The CSS is organized into sections for different parts of the page like navigation, content sections, images, and responsive design.

Uploaded by

ayaan khan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
24 views

Background-Color Color Display Justify-Content Height: #316dc3 White Flex Space-Evenly

This document contains CSS code that defines styles for various elements on a webpage. It includes styles for things like headers, buttons, social media icons, navigation menus, images, and sections. Styles are defined for elements, text formatting, colors, spacing, and responsive design. The CSS is organized into sections for different parts of the page like navigation, content sections, images, and responsive design.

Uploaded by

ayaan khan
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

.

one{
    background-color: #316dc3;
    color: white;
    display: flex;
    justify-content: space-evenly;
    height: 50px;
   
}
.icon{
  display: flex;
  align-items: center;
  
}

.but{
  font-size: 12px;
  border: 1px solid green;
  padding: 5px 10px 5px 10px;
  
}
.butto{
  display: flex;
  align-items: center;

.fa {
    padding: 5px ;
    font-size: 10px;
    width: 25px;
    text-align: center;
    text-decoration: none;
  }
  
  .fa:hover {
    color: gainsboro ;
    background-color: #4a75ee;
  }
 
  .fa-facebook {
    color: white;
  }
  
  .fa-twitter {
    color: white;
  }
  .fa-instagram {
    color: white;
  }
  .fa-youtube {
    color: white;
  }
   .fa-whatsapp {
    color: white;
    background-color: green;
  }
.quote{
    display: flex;
    align-items: center;
    font-size: 15px;
}
.two{ 
      display: flex;
      justify-content: space-evenly;

.homebut{
   float: right;
  
  
}
.co{
  
  background-color: #f7f8fa;
 }
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
   pointer-events: none;
}

}
.navbar-light:hover{
  color: white;
}
.dropdown:hover {
 
  background-color: #316dc3;
  border-radius: 1.5rem
}

.navbar-nav > li > .dropdown-menu a:hover { background-color:#316dc3 ;text-
indent: 5px;color: white;} 

.news{
  
  background-color: #316dc3;
  color: white;
  padding-top: 5px;
  
  
}
.new{
  padding-left: 100px ;
  padding-right: 100px ;
}

.three{
  background-color: #f7f8fa;
}
.in{
  font-family: 'Solway', serif;
  font-size: 30px;
}
.intro{
  display: flex;
  justify-content: center;
}
.ima{
 display: inline-block;
}
.left{
  display: inline-block;
  width: 2rem;
  border: 1px solid #528517;
  margin-right: 20px;
}
.right{
  border: 1px solid #528517;
  width: 2rem;
  display: inline-block;
  margin-left: 20px;
}
.four{
  background-color: #2755e9 ;
}
.insideone{
  display:flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
 
}
.insidetwo{
  display:flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
 
}
.insidethree{
  display:flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
}
.insidefour{
  display:flex;
  justify-content: space-around;
  margin-top: 5%;
  margin-bottom: 5%;
}

.text-center{
  text-align: center;
}
h2{
  font-family: 'Merriweather', serif;
  color: white;
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0;
}
.h5b{
  font-family: 'Merriweather', serif;
  color: white;
  font-size: 14px;
}
.sp{
  font-size: 18px;
}
@media (max-width: 1199px){
.mb-md-50 {
    margin-bottom: 50px !important;
}

@media (max-width: 1000px)
{
    .container-fluid{
        /* Reverse the axis of the header, making it vertical. */
        flex-direction: column;

        /* Align items to the begining (the left) of the header. */
        align-items: center;
    }
}

You might also like