WIP: Enabled metronic frontend
This commit is contained in:
Deon George
30
resources/theme/frontend/metronic/widgets/activity.blade.php
Normal file
30
resources/theme/frontend/metronic/widgets/activity.blade.php
Normal file
@@ -0,0 +1,30 @@
|
||||
<!-- BEGIN RECENT WORKS -->
|
||||
<div class="row recent-work margin-bottom-40">
|
||||
<div class="col-md-3">
|
||||
<h2><a href="portfolio.html">Recent Activity</a></h2>
|
||||
<p>{{ $page_activityintro }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<div class="owl-carousel owl-carousel3">
|
||||
{{-- @todo These should scroll --}}
|
||||
@php($c=0)
|
||||
@foreach ($page_activity as $o)
|
||||
<div class="recent-work-item">
|
||||
<em>
|
||||
<img src="{{ $o['image_small'] }}" alt="{{ $o['title'] }}" class="img-responsive">
|
||||
<a href="#"><i class="fa fa-link"></i></a>
|
||||
{{-- If this is a jpeg instead of a URL, it renders a nice popup --}}
|
||||
<a href="{{ $o['image_large'] }}/{{$c}}.jpg" class="fancybox-button" title="Project Name #{{$c}}" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
|
||||
</em>
|
||||
<a class="recent-work-description" href="javascript:;">
|
||||
<strong>{{ $o['title'] }}</strong>
|
||||
<b>{{ $o['subtitle'] }}</b>
|
||||
</a>
|
||||
</div>
|
||||
@php($c++)
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END RECENT WORKS -->
|
||||
@@ -0,0 +1,14 @@
|
||||
<!-- BEGIN BLOCKQUOTE BLOCK -->
|
||||
<div class="row quote-v1 margin-bottom-30" style="background: #002090;">
|
||||
@foreach ($page_blockquote as $o)
|
||||
<div class="col-md-9">
|
||||
<span>{{ $o['title'] }}</span>
|
||||
</div>
|
||||
@if($o['image'])
|
||||
<div class="col-md-3 text-right">
|
||||
<a class="btn-transparent" href="#" target="_blank"><i class="fa fa-rocket margin-right-10"></i><img src="{{ $o['image'] }}" style="height: 50px;"></a>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END BLOCKQUOTE BLOCK -->
|
||||
61
resources/theme/frontend/metronic/widgets/clients.blade.php
Normal file
61
resources/theme/frontend/metronic/widgets/clients.blade.php
Normal file
@@ -0,0 +1,61 @@
|
||||
<!-- BEGIN CLIENTS -->
|
||||
<div class="row margin-bottom-40 our-clients">
|
||||
<div class="col-md-3">
|
||||
<h2><a href="javascript:;">Our Clients</a></h2>
|
||||
<p>Lorem dipsum folor margade sitede lametep eiusmod psumquis dolore.</p>
|
||||
</div>
|
||||
{{-- @todo make sure this scrolls --}}
|
||||
<div class="col-md-9">
|
||||
<div class="owl-carousel owl-carousel6-brands">
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/fff" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/eee" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/ddd" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/ccc" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/bbb" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/999" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/888" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="client-item">
|
||||
<a href="javascript:;">
|
||||
<img src="/image/generic/150/100/aaa" class="img-responsive" alt="">
|
||||
<img src="/image/generic/150/100/777" class="color-img img-responsive" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CLIENTS -->
|
||||
@@ -0,0 +1,14 @@
|
||||
<!-- BEGIN SERVICE BOX -->
|
||||
<div class="row service-box margin-bottom-40">
|
||||
@foreach ($page_servicebox as $o)
|
||||
<div class="col-md-4 col-sm-4">
|
||||
<div class="service-box-heading">
|
||||
<em><i class="{{ $o['icon'] }}"></i></em>
|
||||
<span>{{ $o['title'] }}</span>
|
||||
</div>
|
||||
<p>{{ $o['text'] }}</p>
|
||||
<img src="{{ $o['image'] }}" class="col-md-10">
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END SERVICE BOX -->
|
||||
87
resources/theme/frontend/metronic/widgets/slider.blade.php
Normal file
87
resources/theme/frontend/metronic/widgets/slider.blade.php
Normal file
@@ -0,0 +1,87 @@
|
||||
{{-- @todo needs to be optimised --}}
|
||||
<!-- BEGIN SLIDER -->
|
||||
<div class="page-slider margin-bottom-40">
|
||||
<div id="carousel-example-generic" class="carousel slide carousel-slider">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators carousel-indicators-frontend">
|
||||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|
||||
</ol>
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<!-- First slide -->
|
||||
<div class="item carousel-item-eight active">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six text-uppercase text-center" style="background: #000; color: #888; opacity: 0.5; font-style: bold;">
|
||||
<h2 class="margin-bottom-20 animate-delay carousel-title-v1" data-animation="animated fadeInDown">
|
||||
Header <br/>
|
||||
<span class="carousel-title-normal">and Title</span>
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v5 border-top-bottom margin-bottom-30" data-animation="animated fadeInDown">This is what you were looking for</p>
|
||||
<a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Purchase Now!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Second slide -->
|
||||
<div class="item carousel-item-nine">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six">
|
||||
<h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
Header and Title
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
This is what you were looking for
|
||||
</p>
|
||||
<p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
|
||||
Sed est nunc, sagittis at consectetur id.
|
||||
</p>
|
||||
<a class="carousel-btn-green" href="#" data-animation="animated fadeInUp">Purchase Now!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Third slide -->
|
||||
<div class="item carousel-item-ten">
|
||||
<div class="container">
|
||||
<div class="carousel-position-six">
|
||||
<h2 class="animate-delay carousel-title-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
Header and Title
|
||||
</h2>
|
||||
<p class="carousel-subtitle-v6 text-uppercase" data-animation="animated fadeInDown">
|
||||
This is what you were looking for
|
||||
</p>
|
||||
<p class="carousel-subtitle-v7 margin-bottom-30" data-animation="animated fadeInDown">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
|
||||
Sed est nunc, sagittis at consectetur id.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left" aria-hidden="true"></i>
|
||||
</a>
|
||||
<a class="right carousel-control carousel-control-shop carousel-control-frontend" href="#carousel-example-generic" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right" aria-hidden="true"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END SLIDER -->
|
||||
@js('/assets/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')<!-- slider for products -->
|
||||
@js('/pages/js/bs-carousel.js','bs-carousel','jq-owl-carousel')
|
||||
@section('scripts')
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
Layout.initOWL();
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
||||
@append
|
||||
15
resources/theme/frontend/metronic/widgets/steps.blade.php
Normal file
15
resources/theme/frontend/metronic/widgets/steps.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
<!-- BEGIN STEPS -->
|
||||
<div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
|
||||
{{-- Dynamically count the steps and choose the appropriate col-md-x --}}
|
||||
@php($c=0)
|
||||
@foreach ($page_steps as $o)
|
||||
<div class="col-md-4 col-sm-4 front-step-col">
|
||||
<div class="front-step front-step{{ ++$c }}">
|
||||
<h2>{{ $o['title'] }}</h2>
|
||||
<p>{{ $o['description'] }}</p>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<!-- END STEPS -->
|
||||
29
resources/theme/frontend/metronic/widgets/tabs.blade.php
Normal file
29
resources/theme/frontend/metronic/widgets/tabs.blade.php
Normal file
@@ -0,0 +1,29 @@
|
||||
<!-- TABS -->
|
||||
<div class="col-md-7 tab-style-1">
|
||||
<ul class="nav nav-tabs">
|
||||
@php($c=0)
|
||||
@foreach ($page_tabs as $o)
|
||||
<li @if(! $c++) class="active" @endif><a href="#tab-{{ $c }}" data-toggle="tab">{{ $o['title'] }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
@php($c=0)
|
||||
@foreach ($page_tabs as $o)
|
||||
<div class="tab-pane row fade in @if(! $c++) active @endif" id="tab-{{ $c }}">
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<a href="{{ $o['image'] }}" class="fancybox-button" title="{{ $o['title'] }}" data-rel="fancybox-button">
|
||||
<img class="img-responsive" src="{{ $o['image'] }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p class="margin-bottom-10">{{ $o['text'] }}</p>
|
||||
<p><a class="more" href="javascript:;">Read more <i class="icon-angle-right"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<!-- END TABS -->
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
<!-- TESTIMONIALS -->
|
||||
<div class="col-md-5 testimonials-v1">
|
||||
<div id="myCarousel" class="carousel slide">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
@php($c=0)
|
||||
@foreach($page_testimonials as $o)
|
||||
<div class="item @if(! $c++) active @endif">
|
||||
<blockquote><p>{{ $o['quote'] }}</p></blockquote>
|
||||
<div class="carousel-info">
|
||||
<img class="pull-left" src="{{ $o['photo'] }}" alt="">
|
||||
<div class="pull-left">
|
||||
<span class="testimonials-name">{{ $o['name'] }}</span>
|
||||
<span class="testimonials-post">{{ $o['title'] }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<!-- Carousel nav -->
|
||||
<a class="left-btn" href="#myCarousel" data-slide="prev"></a>
|
||||
<a class="right-btn" href="#myCarousel" data-slide="next"></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END TESTIMONIALS -->
|
||||
{{-- @todo move the required javascript here --}}
|
||||
Reference in New Issue
Block a user