Compare commits
2 Commits
4292c4bde2
...
dbe841eed4
| Author | SHA1 | Date | |
|---|---|---|---|
|
dbe841eed4 | ||
|
|
11993a630e |
@ -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">
|
||||
@ -33,12 +33,12 @@ const Contactpage = () => {
|
||||
</div>
|
||||
<div className="office-info-text">
|
||||
<h2>Email Us</h2>
|
||||
<p>Politian@gmail.com</p>
|
||||
<p>helloyou@gmail.com</p>
|
||||
<p>info@janahanlaw.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>
|
||||
|
||||
@ -28,7 +28,7 @@ const HeaderTopbar = () => {
|
||||
</div>
|
||||
<div className="info-text">
|
||||
<span>E-mail Now:</span>
|
||||
<p>politian@gmail.com</p>
|
||||
<p>info@janahanlaw.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact-info">
|
||||
|
||||
@ -69,9 +69,9 @@ const Footer = (props) => {
|
||||
<div className="widget about-widget">
|
||||
<ul className="info">
|
||||
<li>Phone: 111-222-333-2155</li>
|
||||
<li>Email: contact@mail.com</li>
|
||||
<li>Address: 22/1 Melborane city austria,
|
||||
human resoerch, Canada</li>
|
||||
<Link href="mailto:info@janahanlaw.com"> <li>Email: info@janahanlaw.com </li></Link>
|
||||
{/* <li>Address: 22/1 Melborane city austria,
|
||||
human resoerch, Canada</li> */}
|
||||
</ul>
|
||||
<div className="social">
|
||||
<ul>
|
||||
@ -113,7 +113,7 @@ const Footer = (props) => {
|
||||
<div className="row text-center align-items-center">
|
||||
<div className="col col-lg-12 col-md-12 col-12">
|
||||
<ul>
|
||||
<li>Copyright {new Date().getFullYear()} © Janahan Law. Powered by <a href="https://metatroncubesolutions.com/">MetatronCube</a>. All Right Reserved.{new Date().getFullYear()}</li>
|
||||
<li>Copyright {new Date().getFullYear()} © Janahan Law. Powered by <a href="https://metatroncubesolutions.com/">MetatronCube</a>. All Right Reserved.{new Date().getFullYear()}</li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* <div className="col col-lg-6 col-md-12 col-12">
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 4.2 KiB |
@ -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;
|
||||
@ -68,18 +68,18 @@
|
||||
|
||||
form {
|
||||
margin: 0 -15px;
|
||||
overflow: hidden;
|
||||
overflow: hidden;
|
||||
|
||||
@include placeholder-style(#9d9c9c, 15px, normal);
|
||||
|
||||
select {
|
||||
display: inline-block;
|
||||
color: #a9a9a9;
|
||||
cursor:pointer;
|
||||
opacity: 1;
|
||||
padding: 6px 25px;
|
||||
font-size: 15px;
|
||||
font-size: calc-rem-value(15);
|
||||
select {
|
||||
display: inline-block;
|
||||
color: #a9a9a9;
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
padding: 6px 25px;
|
||||
font-size: 15px;
|
||||
font-size: calc-rem-value(15);
|
||||
-webkit-appearance: none;
|
||||
-ms-appearance: none;
|
||||
-o-appearance: none;
|
||||
@ -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,22 +103,22 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.theme-btn{
|
||||
.theme-btn {
|
||||
border-radius: 0px;
|
||||
font-family: $base-font;
|
||||
font-size: 16px;
|
||||
|
||||
&:after{
|
||||
&:after {
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form > div {
|
||||
margin: 0 15px 25px;
|
||||
form>div {
|
||||
margin: 0 15px 25px;
|
||||
|
||||
@include media-query(600px) {
|
||||
@include media-query(600px) {
|
||||
width: calc(100% - 25px);
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
@ -167,59 +168,63 @@
|
||||
text-align: center;
|
||||
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{
|
||||
padding: 50px;
|
||||
background: $white;
|
||||
box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1);
|
||||
margin-bottom: -125px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
.wpo-contact-form-area {
|
||||
padding: 50px;
|
||||
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){
|
||||
padding: 30px;
|
||||
padding-top: 50px;
|
||||
@media(max-width:767px) {
|
||||
padding: 30px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.wpo-contact-map-section {
|
||||
.wpo-contact-map {
|
||||
height: 550px;
|
||||
height: 550px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
h2.hidden{
|
||||
h2.hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -595,8 +595,8 @@
|
||||
|
||||
.wpo-service-item {
|
||||
padding: 40px 30px;
|
||||
background: $white;
|
||||
box-shadow: 0px 2px 10px rgba(0, 18, 52, 0.15);
|
||||
background: #102548;
|
||||
// box-shadow: 0px 2px 10px rgba(0, 18, 52, 0.15);
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@ -651,16 +651,16 @@
|
||||
}
|
||||
|
||||
a {
|
||||
color: $dark-gray;
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
color: $theme-primary-color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: $text-color;
|
||||
color: $white;
|
||||
margin-bottom: 0;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
|
||||
@ -8,8 +8,8 @@
|
||||
.features-wrap {
|
||||
.feature-item {
|
||||
padding: 44px 50px;
|
||||
background: rgb(215 58 62 / 24%);
|
||||
box-shadow: 0px 2px 10px rgba(0, 18, 52, 0.15);
|
||||
background: #d73a3e3d;
|
||||
// box-shadow: 0px 2px 10px rgba(0, 18, 52, 0.15);
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user