MetatroncubeSoftwareSolutions/janahan-law
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact page updated

Browse Source
This commit is contained in:
Alaguraj0361 2025-08-14 14:54:08 +05:30
parent 11993a630e
commit dbe841eed4
2 changed files with 73 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/Contactpage/Contactpage.js
View File

@ -11,7 +11,7 @@ const Contactpage = () => {
<div className="col col-lg-10 offset-lg-1"> <div className="col col-lg-10 offset-lg-1">
<div className="office-info"> <div className="office-info">
<div className="row"> <div className="row">
<div className="col col-xl-4 col-lg-6 col-md-6 col-12"> {/* <div className="col col-xl-4 col-lg-6 col-md-6 col-12">
<div className="office-info-item"> <div className="office-info-item">
<div className="office-info-icon"> <div className="office-info-icon">
<div className="icon"> <div className="icon">
@ -23,8 +23,8 @@ const Contactpage = () => {
<p>7 Green Lake Street Crawfordsville, IN 47933</p> <p>7 Green Lake Street Crawfordsville, IN 47933</p>
</div> </div>
</div> </div>
</div> </div> */}
<div className="col col-xl-4 col-lg-6 col-md-6 col-12"> <div className="col col-xl-6 col-lg-6 col-md-6 col-12">
<div className="office-info-item"> <div className="office-info-item">
<div className="office-info-icon"> <div className="office-info-icon">
<div className="icon"> <div className="icon">
@ -34,11 +34,11 @@ const Contactpage = () => {
<div className="office-info-text"> <div className="office-info-text">
<h2>Email Us</h2> <h2>Email Us</h2>
<p>info@janahanlaw.com</p> <p>info@janahanlaw.com</p>
<p>helloyou@gmail.com</p> {/* <p>helloyou@gmail.com</p> */}
</div> </div>
</div> </div>
</div> </div>
<div className="col col-xl-4 col-lg-6 col-md-6 col-12"> <div className="col col-xl-6 col-lg-6 col-md-6 col-12">
<div className="office-info-item"> <div className="office-info-item">
<div className="office-info-icon"> <div className="office-info-icon">
<div className="icon"> <div className="icon">
@ -48,7 +48,7 @@ const Contactpage = () => {
<div className="office-info-text"> <div className="office-info-text">
<h2>Call Now</h2> <h2>Call Now</h2>
<p>+1 800 123 456 789</p> <p>+1 800 123 456 789</p>
<p>+1 800 123 654 987</p> {/* <p>+1 800 123 654 987</p> */}
</div> </div>
</div> </div>
</div> </div>

15
styles/sass/page/_contact.scss
View File

@ -1,4 +1,3 @@
/*-------------------------------------------------------------- /*--------------------------------------------------------------
19. wpo-contact-pg-section 19. wpo-contact-pg-section
--------------------------------------------------------------*/ --------------------------------------------------------------*/
@ -50,6 +49,7 @@
box-shadow: none !important; box-shadow: none !important;
padding-left: 25px; padding-left: 25px;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
color: #a9a9a9;
@include media-query(991px) { @include media-query(991px) {
height: 45px; height: 45px;
@ -156,7 +156,8 @@
.office-info-item { .office-info-item {
text-align: center; text-align: center;
box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); // box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
background-color: rgb(193 32 38);
padding: 40px; padding: 40px;
.office-info-icon { .office-info-icon {
@ -176,14 +177,18 @@
} }
} }
} }
.office-info-text { .office-info-text {
h2 { h2 {
font-size: 30px; font-size: 30px;
font-weight: 500; font-weight: 500;
margin: 20px 0; margin: 20px 0 5px;
color: white;
} }
p { p {
margin-bottom: 0; margin-bottom: 0;
color: white;
} }
} }
} }
@ -192,8 +197,8 @@
.wpo-contact-form-area { .wpo-contact-form-area {
padding: 50px; padding: 50px;
background: $white; background: #102548;
box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1); // box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1);
margin-bottom: -125px; margin-bottom: -125px;
position: relative; position: relative;
z-index: 99; z-index: 99;