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>

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

@ -1,4 +1,3 @@
/*--------------------------------------------------------------
19. wpo-contact-pg-section
--------------------------------------------------------------*/
@ -6,34 +5,34 @@
padding-bottom: 0px;
.wpo-contact-title{
.wpo-contact-title {
max-width: 440px;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
@media(max-width:767px){
@media(max-width:767px) {
margin-bottom: 30px;
}
h2{
h2 {
font-size: 35px;
font-size: calc-rem-value(35);
font-weight: 600;
margin-bottom: 20px;
@media(max-width:575px){
@media(max-width:575px) {
font-size: 25px;
font-size: calc-rem-value(25);
}
}
}
.form-field{
.form-field {
margin-bottom: 30px;
}
.errorMessage{
.errorMessage {
color: red;
font-size: 14px;
margin-top: 5px;
@ -50,6 +49,7 @@
box-shadow: none !important;
padding-left: 25px;
border: 1px solid #ebebeb;
color: #a9a9a9;
@include media-query(991px) {
height: 45px;
@ -75,7 +75,7 @@
select {
display: inline-block;
color: #a9a9a9;
cursor:pointer;
cursor: pointer;
opacity: 1;
padding: 6px 25px;
font-size: 15px;
@ -88,12 +88,12 @@
background: transparent url(/images/select-icon2.png) no-repeat calc(100% - 15px) center;
position: relative;
&:focus{
&:focus {
background: transparent url(/images/select-icon2.png) no-repeat calc(100% - 15px) center;
}
}
.submit-area{
.submit-area {
text-align: center;
width: 100%;
margin-bottom: 10px;
@ -103,19 +103,19 @@
margin-bottom: 0;
}
.theme-btn{
.theme-btn {
border-radius: 0px;
font-family: $base-font;
font-size: 16px;
&:after{
&:after {
border-radius: 0px;
}
}
}
}
form > div {
form>div {
margin: 0 15px 25px;
@include media-query(600px) {
@ -132,21 +132,21 @@
.office-info {
padding-bottom: 100px;
@media(max-width:767px){
@media(max-width:767px) {
padding-bottom: 60px;
}
.col{
.col {
.office-info-item{
@media(max-width:1200px){
.office-info-item {
@media(max-width:1200px) {
margin-bottom: 30px;
}
}
&:last-child{
.office-info-item{
@media(max-width:1200px){
&:last-child {
.office-info-item {
@media(max-width:1200px) {
margin-bottom: 0px;
}
}
@ -154,12 +154,13 @@
}
.office-info-item{
.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{
.office-info-icon {
width: 85px;
height: 85px;
background: #f5f5f5;
@ -168,41 +169,45 @@
margin: 0 auto;
@include rounded-border(50%);
.icon{
.fi{
&:before{
.icon {
.fi {
&:before {
font-size: 35px;
}
}
}
}
.office-info-text{
h2{
.office-info-text {
h2 {
font-size: 30px;
font-weight: 500;
margin: 20px 0;
margin: 20px 0 5px;
color: white;
}
p{
p {
margin-bottom: 0;
color: white;
}
}
}
}
.wpo-contact-form-area{
.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;
@media(max-width:767px){
@media(max-width:767px) {
padding: 30px;
padding-top: 50px;
}
}
}
}
@ -219,7 +224,7 @@
outline: 0;
}
h2.hidden{
h2.hidden {
display: none;
}
}