File: /var/www/kosmicfarms/resources/views/index.blade.php
@extends('layouts.pages')
@section('content')
<!-- Hero Start -->
<section class="bg-half-170 d-table w-100" style="background: url('images/kosmic-organic-hydroponic-vegetable.jpg') center center;" id="home">
<div class="bg-overlay"></div>
<div class="container">
<div class="row position-relative align-items-center pt-4">
<div class="col-lg-4 col-md-6 mt-4 pt-2 mt-sm-0 pt-sm-0 order-2 order-md-1">
<div class="card login_page shadow rounded border-0">
<div class="card-body">
<h5 class="card-title">Contact Us</h5>
{{ Form::open(array('url' => 'contactus', 'name' => 'contact-form', 'id' => 'contact-form')) }}
<div class="row">
<div class="col-md-6">
<div class="form-group position-relative">
<label>Your Name <span class="text-danger">*</span></label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user fea icon-sm icons"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
<input name="name" id="name" type="text" class="form-control pl-5" placeholder="First Name :">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group position-relative">
<label>Your Email <span class="text-danger">*</span></label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail fea icon-sm icons"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<input name="email" id="email" type="email" class="form-control pl-5" placeholder="Your email :">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="form-group position-relative">
<label>Subject</label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book fea icon-sm icons"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
<input name="subject" id="subject" type="text" class="form-control pl-5" placeholder="Subject">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="form-group position-relative">
<label>Comments</label>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle fea icon-sm icons"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
<textarea name="comments" id="comments" rows="4" class="form-control pl-5" placeholder="Your Message :"></textarea>
</div>
</div>
</div><!--end row-->
<div class="row">
<div class="col-sm-12 text-center">
<input type="submit" id="submit" name="send" class="submitBnt btn btn-primary btn-block" value="Send Message">
<div id="simple-msg"></div>
</div><!--end col-->
</div><!--end row-->
{{ Form::close() }}<!--end form-->
</div>
</div>
</div>
<div class="col-lg-7 offset-lg-1 col-md-6 order-1 order-md-2">
<div class="title-heading mt-4">
<h1 class="heading title-dark text-white mb-3">Kosmic Farms, a sustainable source of fresh and frozen produce.</h1>
<p class="para-desc para-dark text-light">Our goal is to provide sustainable source of healthy produce for your family and events.</p>
<div class="watch-video mt-4 pt-2">
<a href="{{ url('/contactus') }}" class="btn btn-primary mb-2 mr-2">Contact Us</a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="slider-bottom-bg" data-background="{{ url('images/kosmic_farms_slider_bottom.png') }}" style="background-image: url('{{ url('images/kosmic_farms_slider_bottom.png') }}');"></div>
</section><!--end section-->
<!-- Hero End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- Feature Start -->
<section class="section">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">See everything about your <span class="text-primary">Kosmic Farm</span></h4>
<p class="text-muted para-desc mx-auto mb-0">We have a large selection of <span class="text-primary font-weight-bold">everything</span> to create meals for your family or events.</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row" id="counter">
<div class="col-md-3 col-6 mt-4 pt-2">
<div class="counter-box text-center">
<img src="{{ asset('images/index/kosmicfarms_fish.png') }}" height="160" alt="">
<h4 class="mb-0 mt-4">Fish</h4>
<h6 class="counter-head text-muted">Farm fresh fish</h6>
</div><!--end counter box-->
</div>
<div class="col-md-3 col-6 mt-4 pt-2">
<div class="counter-box text-center">
<img src="{{ asset('images/index/kosmicfarms_meat.png') }}" height="160" alt="">
<h4 class="mb-0 mt-4">Meat</h4>
<h6 class="counter-head text-muted">Variety of meat for meals or events</h6>
</div><!--end counter box-->
</div>
<div class="col-md-3 col-6 mt-4 pt-2">
<div class="counter-box text-center">
<img src="{{ asset('images/index/kosmicfarms_fruits_vegetables.png') }}" height="160" alt="">
<h4 class="mb-0 mt-4">Produce</h4>
<h6 class="counter-head text-muted">Fresh fruits, vegetables, etc</h6>
</div><!--end counter box-->
</div>
<div class="col-md-3 col-6 mt-4 pt-2">
<div class="counter-box text-center">
<img src="{{ asset('images/index/kosmic_farms_eggs.png') }}" height="160" alt="">
<h4 class="mb-0 mt-4">Eggs</h4>
<h6 class="counter-head text-muted">Fresh eggs daily</h6>
</div><!--end counter box-->
</div>
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- About End -->
<!-- CTA Start -->
<section class="section bg-cta" style="background: url('images/kosmic-organic-hydroponic-vegetable.jpg') center center;" id="cta">
<div class="bg-overlay"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title">
<h4 class="title title-dark text-white mb-4">Organic, Natural and Sustainable</h4>
<p class="text-light para-dark para-desc mx-auto">Kosmic Farms, wholesale grower of fruits, vegetables, livestock and other produce.</p>
<a href="https://www.youtube.com/watch?v=Vkk6CNOErIk" class="play-btn border border-light mt-4 video-play-icon">
<i data-feather="play" class="fea icon-ex-md text-white title-dark"></i>
</a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- CTA End -->
<section class="section">
<div class="container mt-100 mt-60">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6">
<img src="{{ asset('images/index/kosmic_farms_products.png') }}" class="img-fluid" alt="">
</div><!--end col-->
<div class="col-lg-7 col-md-6 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="section-title ml-lg-5">
<h4 class="title mb-4">Kosmic Farms, A healthier way to eat</h4>
<p class="text-muted">We supply fresh and frozen produce directly from our farms and through wholesales, supermarkets and stores.</p>
<ul class="list-unstyled feature-list mb-0 text-muted">
<li><i data-feather="check-circle" class="fea icon-sm text-success mr-2"></i>Farmed fresh fish</li>
<li><i data-feather="check-circle" class="fea icon-sm text-success mr-2"></i>Daily fresh meat(chicken, rabbit), eggs</li>
<li><i data-feather="check-circle" class="fea icon-sm text-success mr-2"></i>Daily fresh organic fruits and vegetables</li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!--end Price-->
@endsection