Viewing file:  support.blade.php (9.74 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontLayout')
@section('title') {{get_settings('app_name')}} -{{trans('admin.support')}} @endsection
@section('css')
<style>
.support-banner-sec {
position: relative;
width: 100%;
background-image: url('{{asset('images/support.png')}}');
background-size: cover;
background-position: center center;
min-height: 920px;
}
.support-banner-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.form-control {
font-size: 20px !important;
}
</style>
@endsection
@section('content')
@php $template = json_decode(get_settings('template')); @endphp
<section class="support-banner-sec">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="support-banner-content">
<div class="support-banner-content-details">
<div class="support-sec-banner-title">
How Can we Help?
</div>
<div class="row">
<div class="col-md-9">
<div class="support-sec-input-group">
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" placeholder="Start Typing Here">
</div>
</div>
</div>
<div class="col-md-3">
<div class="support-sec-button">
<a href="" class="support-serch-btn">Search</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="support-content-item">
<div class="row m-auto support-content-item">
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="support-content-section p-3 m-3">
<div class="support-content-sec">
<div class="support-icon-sec">
<i class="fa fa-tint" aria-hidden="true"></i>
</div>
<div class="support-title-sec">
About MadMuscles
</div>
<div class="support-sec-des">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam, totam!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="support-articale-sec">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="support-articale-title">
Promoted articles
</div>
</div>
<div class="col-md-6">
<div class="support-articale-content-sec">
<div class="support-articale-heading">
<a href="" class="support-articale-title-link">I paid but the app asked me to pay again</a>
</div>
<div class="support-articale-des">
Upon opening the app, please choose "I already have an account" and "Continue with email".
</div>
</div>
<div class="support-articale-content-sec">
<div class="support-articale-heading">
<a href="" class="support-articale-title-link">I paid but the app asked me to pay again</a>
</div>
<div class="support-articale-des">
Upon opening the app, please choose "I already have an account" and "Continue with email".
</div>
</div>
</div>
<div class="col-md-6">
<div class="support-articale-content-sec">
<div class="support-articale-heading">
<a href="" class="support-articale-title-link">I paid but the app asked me to pay again</a>
</div>
<div class="support-articale-des">
Upon opening the app, please choose "I already have an account" and "Continue with email".
</div>
</div>
<div class="support-articale-content-sec">
<div class="support-articale-heading">
<a href="" class="support-articale-title-link">I paid but the app asked me to pay again</a>
</div>
<div class="support-articale-des">
Upon opening the app, please choose "I already have an account" and "Continue with email".
</div>
</div>
</div>
</div>
</div>
</section>
<section class="we-are-here-sec">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="we-are-here-title">
We,re Here For You
</div>
</div>
<div class="col-md-6">
<a href="">
<div class="where-to-start-sec">
<div class="user-section">
<i class="fa fa-user" aria-hidden="true"></i>
</div>
<div class="where-to-ensure-sec">
<span class="ensure-title">
Ensure Where to start? <i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</span>
<div class="where-to-ensure-introduction">
Lets's Begin with An Introduction.
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
@endsection
|