Services and Service-Details Page 15 service card content updaed
This commit is contained in:
akash
commit
f597efd0ba
@ -4,42 +4,42 @@ const Ourapproach = [
|
||||
authorTitle: "STRATEGIC FOUNDATION",
|
||||
title: "Comprehensive Case Analysis from Day One",
|
||||
para: "Every successful immigration case begins with thorough analysis and strategic planning. We start each client relationship with comprehensive consultation to understand not only your immediate immigration needs but also your long-term goals in America. Our experienced attorneys examine all available pathways, identify potential challenges, and develop customized strategies that maximize your chances of success while minimizing delays and complications. This foundational approach ensures that every decision we make together serves your broader objectives of building a secure future in the United States.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/1.webp"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
authorTitle: "MODERN PRACTICE",
|
||||
title: "Leveraging Technology for Better Outcomes",
|
||||
para: "Immigration law practice has evolved dramatically with technological advancement, and we've embraced these changes to better serve our clients. Our firm utilizes cutting-edge case management systems, automated compliance monitoring, and secure digital communication platforms that keep you informed and engaged throughout your case. We employ advanced research tools to stay current with policy changes, use predictive analytics to optimize filing strategies, and provide clients with 24/7 access to case updates through our secure client portal. Technology enhances our ability to deliver precise, efficient, and responsive legal services.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/2.webp"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
authorTitle: "TEAM EXCELLENCE",
|
||||
title: "Collaborative Expertise Across All Practice Areas",
|
||||
para: "Complex immigration cases require diverse expertise and collaborative approach. Our multidisciplinary team includes attorneys specializing in family immigration, employment visas, deportation defense, and humanitarian protection, ensuring that every aspect of your case receives expert attention. We combine decades of collective experience with fresh perspectives, innovative thinking, and unwavering dedication to client success. Regular team consultations on challenging cases mean that you benefit from our entire firm's knowledge and experience, not just your assigned attorney.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/3.webp"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
authorTitle: "CLIENT PARTNERSHIP",
|
||||
title: "Transparent Communication Every Step Forward",
|
||||
para: "We believe that informed clients make better decisions and achieve better outcomes. Our approach emphasizes clear, frequent communication in a language you understand, whether that's English, Spanish, or another language spoken by our multilingual team. We explain complex legal concepts in plain terms, provide realistic timelines and expectations, and keep you updated on case progress and policy developments that might affect your situation. You're not just hiring lawyers - you're gaining partners who are invested in your success and committed to guiding you through every stage of the immigration process.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/4.webp"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
authorTitle: "PROACTIVE ADVOCACY",
|
||||
title: "Anticipating Challenges Before They Arise",
|
||||
para: "Successful immigration practice requires anticipating problems before they develop and preparing comprehensive responses to potential challenges. We continuously monitor policy changes, track processing trends, and maintain relationships with government officials to stay ahead of developments that might affect our clients' cases. Our proactive approach includes thorough document preparation, strategic timing of filings, and contingency planning for various scenarios. When challenges do arise, we're prepared with immediate responses that protect your interests and keep your case moving forward.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/5.webp"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
authorTitle: "LASTING RELATIONSHIPS",
|
||||
title: "Supporting Your American Journey Beyond Case Completion",
|
||||
para: "Our relationship with clients doesn't end when your case is approved. We understand that immigration is often a multi-step process involving family members, status changes, and evolving needs over time. We provide ongoing guidance for naturalization, help with adjustment issues, and remain available for future immigration needs as your life in America develops. Many of our clients return to us for green card renewals, citizenship applications, and petitions for family members. We take pride in being your trusted immigration counsel throughout your entire American journey.",
|
||||
screens: "/images/funfact.jpg"
|
||||
screens: "/images/our-approach/6.webp"
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@ -22,7 +22,7 @@ const ContactForm = () => {
|
||||
const recaptchaRef = useRef(null);
|
||||
const [recaptchaToken, setRecaptchaToken] = useState(null);
|
||||
|
||||
const RECAPTCHA_SITEKEY = "your_recaptcha_site_key_here";
|
||||
const RECAPTCHA_SITEKEY = "6Lc5wKUrAAAAAKqIviSUY2PsqLQ8Bq8CJJaHFA_f";
|
||||
|
||||
const changeHandler = (e) => {
|
||||
const { name, value } = e.target;
|
||||
|
||||
@ -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>
|
||||
@ -56,8 +56,7 @@ const Contactpage = () => {
|
||||
</div>
|
||||
<div className="wpo-contact-title">
|
||||
<h2>Have Any Question?</h2>
|
||||
<p>It is a long established fact that a reader will be distracted
|
||||
content of a page when looking.</p>
|
||||
<p>We’re here to help with all your U.S. immigration and legal needs — contact Janahan Law for trusted guidance today.</p>
|
||||
</div>
|
||||
<div className="wpo-contact-form-area">
|
||||
<ContactForm/>
|
||||
|
||||
@ -28,11 +28,11 @@ 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">
|
||||
<Link className="theme-btn" href="/donate">Donate Now</Link>
|
||||
<Link className="theme-btn" href="/contact">Contact Us</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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>
|
||||
@ -95,11 +95,11 @@ const Footer = (props) => {
|
||||
<i className="fi flaticon-instagram-1"></i>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
{/* <li>
|
||||
<Link onClick={ClickHandler} href="/">
|
||||
<i className="fi flaticon-pinterest"></i>
|
||||
</Link>
|
||||
</li>
|
||||
</li> */}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -110,13 +110,13 @@ const Footer = (props) => {
|
||||
</div>
|
||||
<div className="wpo-lower-footer">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col col-lg-6 col-md-12 col-12">
|
||||
<div className="row text-center align-items-center">
|
||||
<div className="col col-lg-12 col-md-12 col-12">
|
||||
<ul>
|
||||
<li>© 2023 <Link onClick={ClickHandler} href="/">Politian</Link>. All rights reserved.</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">
|
||||
{/* <div className="col col-lg-6 col-md-12 col-12">
|
||||
<div className="link">
|
||||
<ul>
|
||||
<li><Link onClick={ClickHandler} href="/privacy">Privace & Policy</Link></li>
|
||||
@ -126,7 +126,7 @@ const Footer = (props) => {
|
||||
<li><Link onClick={ClickHandler} href="/volunteer">Volunteer</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -33,18 +33,20 @@ const Header2 = (props) => {
|
||||
alt="logo" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col col-lg-7 col-md-1 col-1">
|
||||
<div id="navbar" className="collapse navbar-collapse navigation-holder">
|
||||
<button className="menu-close"><i className="ti-close"></i></button>
|
||||
<ul className="nav navbar-nav mb-2 mb-lg-0">
|
||||
<li className="menu-item-has-children">
|
||||
{/* <li className="menu-item-has-children"> */}
|
||||
<li>
|
||||
<Link onClick={ClickHandler} href="/">Home</Link>
|
||||
<ul className="sub-menu">
|
||||
{/* <ul className="sub-menu">
|
||||
<li><Link onClick={ClickHandler} href="/home">Main Home</Link></li>
|
||||
<li><Link onClick={ClickHandler} href="/home2">Election Home</Link></li>
|
||||
<li><Link onClick={ClickHandler} href="/home3">Male Candidate</Link></li>
|
||||
<li><Link onClick={ClickHandler} href="/home4">Female Candidate</Link></li>
|
||||
</ul>
|
||||
</ul> */}
|
||||
</li>
|
||||
<li><Link onClick={ClickHandler} href="/our-approach">Our Approach</Link></li>
|
||||
<li><Link onClick={ClickHandler} href="/about">About us</Link>
|
||||
@ -114,7 +116,7 @@ const Header2 = (props) => {
|
||||
</div>
|
||||
<div className="col-lg-5 col-md-2 col-2">
|
||||
<div className="header-right">
|
||||
<div className="header-search-form-wrapper">
|
||||
{/* <div className="header-search-form-wrapper">
|
||||
<div className="cart-search-contact">
|
||||
<button onClick={() => setMenuState(!menuActive)} className="search-toggle-btn"><i
|
||||
className={`fi ti-search ${menuActive ? "ti-close" : "fi "}`}></i></button>
|
||||
@ -129,15 +131,15 @@ const Header2 = (props) => {
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="language">
|
||||
</div> */}
|
||||
{/* <div className="language">
|
||||
<select name="language" id="language">
|
||||
<option value="English">English</option>
|
||||
<option value="Arabic">Arabic</option>
|
||||
<option value="Japanese">Japanese</option>
|
||||
<option value="Spanish">Spanish</option>
|
||||
</select>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="social">
|
||||
<ul>
|
||||
<li><Link href="/"><i className="fi flaticon-facebook-app-symbol"></i></Link></li>
|
||||
|
||||
@ -14,7 +14,7 @@ const OurMission = () => {
|
||||
style={{ width: "100%", height: "auto", overflow: "hidden" }}
|
||||
>
|
||||
<img
|
||||
src="/images/blog/img-4.jpg"
|
||||
src="/images/our-mission/section-1.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@ -52,10 +52,10 @@ const OurMission = () => {
|
||||
|
||||
<div className="gallery">
|
||||
<div>
|
||||
<img src="/images/blog/img-3.jpg" alt="" />
|
||||
<img src="/images/our-mission/section-2-1.png" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/blog/img-2.jpg" alt="" />
|
||||
<img src="/images/our-mission/section-2-2.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<p className='mt-4'>
|
||||
|
||||
@ -14,7 +14,7 @@ const RacialJustice = () => {
|
||||
style={{ width: "100%", height: "auto", overflow: "hidden" }}
|
||||
>
|
||||
<img
|
||||
src="/images/blog/img-4.jpg"
|
||||
src="/images/racial-justice/section-1.webp"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@ -50,10 +50,10 @@ const RacialJustice = () => {
|
||||
|
||||
<div className="gallery">
|
||||
<div>
|
||||
<img src="/images/blog/img-3.jpg" alt="" />
|
||||
<img src="/images/racial-justice/section-2-1.webp" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/blog/img-2.jpg" alt="" />
|
||||
<img src="/images/racial-justice/section-2-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<p className='mt-4'>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
public/images/our-approach/1.webp
Normal file
BIN
public/images/our-approach/1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
public/images/our-approach/2.webp
Normal file
BIN
public/images/our-approach/2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
public/images/our-approach/3.webp
Normal file
BIN
public/images/our-approach/3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
public/images/our-approach/4.webp
Normal file
BIN
public/images/our-approach/4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
public/images/our-approach/5.webp
Normal file
BIN
public/images/our-approach/5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
public/images/our-approach/6.webp
Normal file
BIN
public/images/our-approach/6.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/images/our-approach/our-approach-banner.webp
Normal file
BIN
public/images/our-approach/our-approach-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/our-mission/our-mission-banner.png
Normal file
BIN
public/images/our-mission/our-mission-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
public/images/our-mission/section-1.png
Normal file
BIN
public/images/our-mission/section-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 506 KiB |
BIN
public/images/our-mission/section-2-1.png
Normal file
BIN
public/images/our-mission/section-2-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
public/images/our-mission/section-2-2.png
Normal file
BIN
public/images/our-mission/section-2-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
BIN
public/images/racial-justice/racial-justice-banner.png
Normal file
BIN
public/images/racial-justice/racial-justice-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
public/images/racial-justice/racial-justice-banner.webp
Normal file
BIN
public/images/racial-justice/racial-justice-banner.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
public/images/racial-justice/section-1.png
Normal file
BIN
public/images/racial-justice/section-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 728 KiB |
BIN
public/images/racial-justice/section-1.webp
Normal file
BIN
public/images/racial-justice/section-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
public/images/racial-justice/section-2-1.png
Normal file
BIN
public/images/racial-justice/section-2-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
BIN
public/images/racial-justice/section-2-1.webp
Normal file
BIN
public/images/racial-justice/section-2-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
public/images/racial-justice/section-2-2.png
Normal file
BIN
public/images/racial-justice/section-2-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
public/images/racial-justice/section-2-2.webp
Normal file
BIN
public/images/racial-justice/section-2-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@ -46,6 +46,11 @@
|
||||
|
||||
}
|
||||
|
||||
@media(max-width:500px) {
|
||||
.wpo-section-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.wpo-section-title-new {
|
||||
// text-align: center;
|
||||
|
||||
@ -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: $white;
|
||||
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;
|
||||
|
||||
|
||||
@ -14605,4 +14605,4 @@ body .container {
|
||||
.volunteer-contact-form .submit-area {
|
||||
text-align: center;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
Loading…
x
Reference in New Issue
Block a user