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

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

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