Skip to content

Commit

Permalink
🐞[Bug]: Fixing New.html
Browse files Browse the repository at this point in the history 
#873
  • Loading branch information
@Anjaliavv51
Anjaliavv51 committed Jul 15, 2024
1 parent 131cd3a commit 78ff327
Show file tree
Hide file tree
Showing 2 changed files with 359 additions and 367 deletions.
355 changes: 354 additions & 1 deletion Css-Files/news.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -217,4 +217,357 @@ footer {
justify-content: space-between;
}


/*Appointment section Styling's to align it to center*/
.appointment .container {
display: flex;
flex-direction: column;
align-items: center;
}

.appointment form {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 600px;
}

.appointment .form-group {
width: 100%;
display: flex;
justify-content: center;
}

.appointment input,
.appointment select,
.appointment button {
width: 100%;
max-width: 400px;
}

.appointment .text-center {
width: 100%;
display: flex;
justify-content: center;
}

.appointment button[type="submit"] {
width: auto;
padding: 10px 20px;
display: block;
margin: 0 auto;
}
.php-email-form .form-group {
margin-bottom: 0;
}

.php-email-form .form-control,
.php-email-form .form-select {
margin: 0 0 0 0;
}

.php-email-form .row {
margin: 0 0 0 0;
}

.php-email-form .col-md-4,
.php-email-form .col-md-12 {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.php-email-form input{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* Remove bottom margin from name and email inputs */
#name, #email {
margin-bottom: 0;
}

/* Remove top margin from email and location inputs */
#email, #location {
margin-top: -50px;
}

/* Remove <br> tags if present in HTML */
#name + br, #email + br {
display: none;
}

/* Optional: Add a small border or visual separator if desired */
#name, #email {
border-bottom: none;
}
#email, #location {
border-top: 1px solid #ccc; /* Adjust color as needed */
}
.news-section {
width: 100%;
padding: 70px 40px;
}

.news-section h2 {
text-align: center;
margin-bottom: 30px;
color: #333;
}

.news-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news-item {
width: calc(33.33% - 20px);
margin-bottom: 30px;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}

.news-item:hover {
transform: translateY(-5px);
}

.news-item img {
width: 100%;
height: 200px;
object-fit: cover;
}

.news-item h3 {
padding: 15px;
margin: 0;
font-size: 18px;
color: #333;
}

.news-item p {
padding: 0 15px 15px;
margin: 0;
font-size: 14px;
color: #666;
}

.read-more {
display: inline-block;
margin: 0 15px 15px;
padding: 8px 15px;
background-color: #55a5ea;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}

.read-more:hover {
background-color: #07192b;
color: white;
border: 1px solid greenyellow;
}

@media (max-width: 768px) {
.news-item {
width: calc(50% - 15px);
}
}

@media (max-width: 480px) {
.news-item {
width: 100%;
}
}
.iti--allow-dropdown input {
padding-left: 50px;
background-color: black; /* Adjust padding to prevent overlap */
}

.iti.iti--allow-dropdown {
margin-left: 250px;
}

.container {
display:unset;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
width: 100%;
margin: 0;
padding: 0;
}

.content {
text-align: left;
flex: 1;
padding: 20px;
}

.sec-img {
max-width: 50%;
width: 600px;
height: 600px;
margin-left: auto;
}

.btn-get-started {
display: inline-block;
background-color: #55a5ea;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 20px;
}
select{
padding: 1px;
background-color: #55a5ea;
color: white;
height: 5vh;
width: 17vh;
}
option{
background-color: #55a5ea;
color: white;
}

@media screen and (max-width: 992px) {
.container {
flex-wrap: wrap;
justify-content: center;
}

.sec-img {
max-width: 100%;
margin: 20px 0;
position: relative;
top: 0;
right: 0;

}

.content {
text-align: center;
padding: 10px;
}
}

@media screen and (max-width: 768px) {
.content {
text-align: center;
padding: 10px;
}

.sec-img {
max-width: 100%;
margin: 20px 0;
position: relative;
top: 0;
right: 0;
}
}
/*Preloader CSS*/
.pre{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 2s ease-out, visibility 2s ease-out;
opacity: 1;
visibility: visible;
z-index: 9999;
}

.pre--hidden {
opacity: 0;
visibility: hidden;
}

.loader {
display: block;
position: relative;
width: 150px;
height: 150px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #55a5ea;
animation: spin 3s linear infinite;
}

.loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #3fbcc0c6;
animation: spin 3s linear infinite;
}

.loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #fff;
animation: spin 1.5s linear infinite;
}

@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.avatar{
margin: 20px 100px;
}
.textbox input{
width:200px;
height: 40px;
}
.btn{
margin-left: 50px;
width:240px;
height: 40px;
background-color: #00C896;
border: none;
font-size: 1rem;
border-radius: 20px;
margin-bottom: 20px;
}
#appointment.appointment.section-bg{
margin: 0px 280px 100px;
}
#appointment.appointment.section-bg h2{
margin: 0px 115px ;
}
form.php-email-form{
width: 300px;
margin-right: 250px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start
}
.loader--hidden{
opacity: 0;
visibility: hidden;
}
Loading

0 comments on commit 78ff327

Please sign in to comment.