| Şuanki Dizin: /home/wwwdreamtechnolo/www/vsacademysolapur.in/assets/css/ |
| Şuanki Dosya : /home/wwwdreamtechnolo/www/vsacademysolapur.in/assets/css/header.css |
*{
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Roboto Slab", serif !important;
}
.section1{
width: 100%;
/* height: 45px !important; */
/* border: 2px solid #000; */
background: #f5a834 ;
padding: 5px;
}
.top-section{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.content{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 8%;
}
.social-icons{
display: inline;
gap: 10px ;
}
.content p,i{
color: #fff ;
}
.content p{
font-size: 18px;
}
.section2{
width: 100% ;
height: 150px !important;
/* border: 2px solid #000; */
/* background: rgb(9, 9, 78); */
background: #032b76;
}
.top-bar{
width: 100%;
height: 100%;
width: 100%;
display: flex;
align-items: center;
/* justify-content: center; */
gap: 3%;
}
.image{
width: 30% !important;
height: 150px !important;
/* margin: 0px 8%; */
margin-left: 8%;
}
.image img{
width: 250px !important;
padding: 10px;
object-fit: cover;
}
.content1 h3,h5{
color: #fff !important;
}
.content1{
width: 80%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 10px;
justify-content: start;
}
.small-content{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 700px;
margin-top: -10px;
}
.heading{
text-align: center;
padding-right: 20%;
}
.small{
width: 70%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.image1 {
width: 500px;
height: 100px;
/* margin: 0px 15%; */
}
.image1 h1{
width: 100%;
height: 100%;
font-weight: bold ;
color: #fff;
padding-bottom: 10px;
font-size: 4.5rem;
text-align: left;
}
.design{
display: flex;
flex-direction: column;
}
.design hr{
border: 1px solid #facd00;
color: #facd00;
width: 420px;
}
.text1{
width:50%;
}
.text1 h3{
font-size: 18px;
}
.navbar {
display: flex !important;
justify-content: center !important;
align-items: center !important;
background-color: #f5a834;
padding: 10px 20px;
}
/* Logo styles */
/* Menu list styles */
.navbar-menu {
display: flex !important;
list-style: none !important;
gap: 20px !important ;
size:20px!important;
}
.navbar-menu li {
margin-left: 20px !important;
}
.navbar-menu a {
color: #fff !important;
text-decoration: none !important;
font-size: 1rem !important;
transition: color 0.3s !important;
font-weight: bold !important;
padding: 10px 20px !important;
font-size:20px !important;
}
.navbar-menu a:hover {
color: #fff !important;
background: #032b76 !important;
font-size:20px !important;
text-decoration: none !important;
}
/* Mobile menu toggle button */
.navbar-toggle {
display: none !important;
flex-direction: column !important;
cursor: pointer !important;
}
.navbar-toggle .bar {
height: 3px;
width: 25px;
background-color: #fff;
margin: 4px 0;
transition: all 0.3s;
}
/* Responsive styles */
@media (max-width: 768px) {
.navbar-menu {
display: none;
flex-direction: column;
width: 100%;
background-color: #f5a834;
position: absolute;
top: 60px;
left: 0;
}
.navbar-menu.active {
display: flex;
}
.navbar-menu li {
margin: 15px 0;
text-align: center;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
}
.navbar-toggle {
display: flex;
}
.navbar-menu a:hover {
color: #fff !important;
background: none !important;
}
.top-section {
padding: 10px;
background-color: #f8f9fa; /* Light background color */
border-bottom: 1px solid #dee2e6; /* Border for separation */
}
.content p {
margin: 0;
padding: 10px 0px ;
font-size: 14px;
color: orange;
}
.content span {
font-weight: bold;
}
.social-icons img {
margin-right: 10px;
}
.social-icons img:last-child {
margin-right: 0;
}
}
/* *{
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Roboto Slab", serif;
}
.section1{
width: 100%;
background: #f5a834 ;
padding: 5px;
}
.top-section{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.content{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 8%;
}
.social-icons{
display: inline;
gap: 10px ;
}
.content p,i{
color: #fff ;
}
.content p{
font-size: 18px;
}
.section2{
width: 100% ;
height: 150px !important;
background: #032b76;
}
.top-bar{
width: 100%;
height: 100%;
width: 100%;
display: flex;
align-items: center;
gap: 10%;
}
.image{
width: 20% !important;
height: 150px !important;
margin-left: 8%;
}
.image img{
width: 250px !important;
padding: 10px;
object-fit: cover;
}
.content1 h3,h5{
color: #fff !important;
}
.content1{
width: 80%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 10px;
justify-content: center ;
}
.small-content{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 700px;
margin-top: -10px;
}
.heading{
text-align: center;
padding-right: 20%;
}
.small{
width: 70%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.image1 {
width: 500px;
height: 100px;
}
.image1 img{
width: 100%;
height: 100%;
margin: 0px 30%;
object-fit: cover;
padding-bottom: 10px;
}
.design{
display: flex;
flex-direction: column;
}
.design hr{
border: 1px solid #facd00;
color: #facd00;
width: 420px;
}
.text1{
width:50%;
}
.text1 h3{
font-size: 18px;
}
.navbar {
display: flex !important;
justify-content: center !important;
align-items: center !important;
background-color: #f5a834;
padding: 10px 20px;
}
.styled-heading {
font-family: 'Roboto', sans-serif !important;
font-style: italic !important;
color: #333;
}
.navbar-menu {
display: flex !important;
list-style: none !important;
gap: 20px !important ;
size:20px!important;
}
.navbar-menu li {
margin-left: 20px !important;
}
.navbar-menu a {
color: #fff !important;
text-decoration: none !important;
font-size: 1rem !important;
transition: color 0.3s !important;
font-weight: bold !important;
padding: 10px 20px !important;
font-size:20px !important;
}
.navbar-menu a:hover {
color: #fff !important;
background: #032b76 !important;
font-size:20px !important;
text-decoration: none !important;
}
.navbar-toggle {
display: none !important;
flex-direction: column !important;
cursor: pointer !important;
}
.navbar-toggle .bar {
height: 3px;
width: 25px;
background-color: #fff;
margin: 4px 0;
transition: all 0.3s;
}
@media (max-width: 768px) {
.navbar-menu {
display: none;
flex-direction: column;
width: 100%;
background-color: #f5a834;
position: absolute;
top: 60px;
left: 0;
}
.navbar-menu.active {
display: flex;
}
.navbar-menu li {
margin: 15px 0;
text-align: center;
}
.navbar-toggle {
display: flex;
}
} */
Linux 65-254-81-4.cprapid.com 5.14.0-284.11.1.el9_2.x86_64 #1 SMP PREEMPT_DYNAMIC Tue May 9 05:49:00 EDT 2023 x86_64
Apache
65.254.81.4