199 lines
7.7 KiB
PHP
199 lines
7.7 KiB
PHP
<?php
|
||
/*
|
||
Template Name: About Us page
|
||
*/
|
||
get_header();
|
||
?>
|
||
<style>
|
||
.about-us{
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
width: 100%;
|
||
padding: 20px 300px 20px 300px;
|
||
margin-block: 20px;
|
||
}
|
||
.about-us span{
|
||
font-family:'Cormorant';
|
||
font-weight: 600;
|
||
font-size: 36px;
|
||
color: #143D28;
|
||
line-height: 100%;
|
||
}
|
||
.text-heading{
|
||
color: #B08722;
|
||
font-size: 14px;
|
||
letter-spacing: 1px;
|
||
font-weight: 500;
|
||
text-transform: uppercase;
|
||
}
|
||
.text-title{
|
||
font-family: 'Cormorant';
|
||
font-weight: 500;
|
||
font-size: 44px;
|
||
}
|
||
.text-content{
|
||
font-family: 'Poppins';
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
line-height: 1.7;
|
||
}
|
||
.text-card{
|
||
font-family: 'Poppins';
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #1A1819B2;
|
||
}
|
||
|
||
.card{
|
||
border: 1px solid #1A181933;
|
||
gap: 15px;
|
||
}
|
||
.card-title{
|
||
font-family:'Poppins';
|
||
font-size: 18px;
|
||
font-weight: 400;
|
||
}
|
||
|
||
|
||
</style>
|
||
|
||
|
||
|
||
<!-- <section class="hero-section">
|
||
<header class="hero-header">
|
||
<div class="hero-container">
|
||
<nav class="hero-nav">
|
||
<ul class="nav-menu">
|
||
<li class="has-dropdown"><a href="#">Apparel <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/drop_down.png" alt="Dropdown Arrow" class="dropdown-icon" /></a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">Jackets</a></li>
|
||
<li><a href="#">Shirts</a></li>
|
||
<li><a href="#">T-Shirts</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown"><a href="#">Footwear <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/drop_down.png" alt="Dropdown Arrow" class="dropdown-icon" /></a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">Tall Boots</a></li>
|
||
<li><a href="#">short Boots</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown"><a href="#">Accessories <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/drop_down.png" alt="Dropdown Arrow" class="dropdown-icon" /></a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">Gloves</a></li>
|
||
<li><a href="#">Helmets</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-dropdown"><a href="#">Miscellaneous <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/drop_down.png" alt="Dropdown Arrow" class="dropdown-icon" /></a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">More Questions</a></li>
|
||
<li><a href="#">Reach out to us</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="search-container">
|
||
<input type="text" class="search-input" placeholder="Search">
|
||
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/search.png" alt="Dropdown Arrow"/>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
</section> -->
|
||
|
||
<!-- Hero Section -->
|
||
<section class="position-relative">
|
||
<div class="about-us"><span>About Us</span></div>
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/frame_22.png" class="img-fluid w-100" alt="Hero Image" style="object-fit: cover;">
|
||
<!-- <div class="position-absolute top-50 start-50 translate-middle text-white text-center">
|
||
<h1 class="display-5 fw-semibold">Innovation Meets Tradition</h1>
|
||
</div> -->
|
||
</section>
|
||
|
||
<!-- Mission Section -->
|
||
<section class="container py-5">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-6">
|
||
<h6 class="text-heading text-uppercase mb-2">Purpose</h6>
|
||
<h2 class="text-title mb-3">Our Mission</h2>
|
||
<p class="text-content">
|
||
At Recquestrian, we're on a purpose-driven quest to revolutionize the equestrian clothing industry. Created by equestrians, for equestrians, our innovative technology platform is a beacon for sustainable fashion, community connection, and accessibility.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/piano-tutor.png" class="img-fluid shadow" alt="Our Mission">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Women-Owned Section -->
|
||
<section class="container py-5">
|
||
<div class="row align-items-center flex-md-row-reverse">
|
||
<div class="col-md-6">
|
||
<h6 class="text-heading text-uppercase mb-2">Women Led</h6>
|
||
<h2 class="text-title mb-3">Proudly US-based and Woman-Owned</h2>
|
||
<p class="text-content">
|
||
Recquestrian not only prides itself as a leading woman-owned tech platform in the US but also as an ally to passionate riders and eco-conscious consumers. We champion high-end, previously loved attire — ensuring that your style and your values ride together.
|
||
</p>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/piano-tutor.png" class="img-fluid shadow" alt="Woman Owned">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Why Choose Us Section -->
|
||
<section class="bg-light py-5">
|
||
<div class="container text-center">
|
||
<h6 class="text-heading text-uppercase mb-2">Choose Us</h6>
|
||
<h2 class="text-title mb-4">Why Reequestrian?</h2>
|
||
<p class="text-content mb-5">
|
||
Reequestrian isn’t just a marketplace; it’s a movement. Founded by Kaitlin Malaspina, a devoted equestrian parent, we recognized the rapid pace at which young riders outgrow their premium attire. Our solution? A sophisticated platform tailored to meet the unique needs of the equestrian community while promoting sustainable practices in the exciting world of English riding.
|
||
</p>
|
||
|
||
<div class="row g-4">
|
||
<!-- Card 1 -->
|
||
<div class="col-md-4">
|
||
<div class="card p-3 bg-white h-100 d-flex flex-column align-items-start card-custom">
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/circular_fashion.png" alt="circular fashion" class="icon-img me-3 mt-1">
|
||
<div>
|
||
<h5 class="card-title">Sophisticated Technology for Circular Fashion</h5>
|
||
<p class="text-card">
|
||
Our cutting-edge platform does more than facilitate transactions; it’s building a network committed to circular fashion. Just as riders create harmonious relationships with their horses, we foster connections amongst community members who value both quality and sustainability.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 2 -->
|
||
<div class="col-md-4">
|
||
<div class="card p-3 bg-white h-100 d-flex flex-column align-items-start card-custom">
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/accessibility.png" alt="accessibility" class="icon-img me-3 mt-1">
|
||
<div>
|
||
<h5 class="card-title">Accessibility at Its Finest</h5>
|
||
<p class="text-card">
|
||
By focusing solely on English riding attire, Reequestrian ensures that the sport becomes more accessible for all enthusiasts. It’s time for your passion to be free from constraints, with a vast array of equestrian clothing available at your fingertips.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Card 3 -->
|
||
<div class="col-md-4">
|
||
<div class="card p-3 bg-white h-100 d-flex flex-column align-items-start card-custom">
|
||
<img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/community.png" alt="community" class="icon-img me-3 mt-1">
|
||
<div>
|
||
<h5 class="card-title">Community-Centric Approach</h5>
|
||
<p class="text-card">
|
||
Our community-centric approach fosters connections among like-minded individuals. With an unwavering commitment to sustainability and the betterment of our planet, Reequestrian provides an inclusive network that makes English horse riding more attainable for everyone.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<?php get_footer(); ?>
|