WIP: Enabled metronic frontend
This commit is contained in:
Deon George
@@ -31,7 +31,9 @@
|
||||
|
||||
<a href="{{ url('/password/reset') }}">{{ trans('message.forgotpassword') }}</a><br>
|
||||
|
||||
@include('auth.partials.social_login')
|
||||
@if(isset($site_social))
|
||||
@include('auth.partials.social_login')
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,8 +1,6 @@
|
||||
<div class="social-auth-links text-center">
|
||||
<p>- OR -</p>
|
||||
<a href="{{ url('/auth/github') }}" class="btn btn-block btn-social btn-github btn-flat"><i class="fa fa-github"></i> {{ trans('message.signGithub') }}</a>
|
||||
<a href="{{ url('/auth/facebook') }}" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> {{ trans('message.signFacebook') }}</a>
|
||||
<a href="{{ url('/auth/twitter') }}" class="btn btn-block btn-social btn-twitter btn-flat"><i class="fa fa-twitter"></i> {{ trans('message.signTwitter') }}</a>
|
||||
<a href="{{ url('/auth/google') }}" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> {{ trans('message.signGoogle+') }}</a>
|
||||
<a href="{{ url('/auth/linkedin') }}" class="btn btn-block btn-social btn-linkedin btn-flat"><i class="fa fa-linkedin"></i> {{ trans('message.signLinkedin') }}</a>
|
||||
<p>- OR -</p>
|
||||
@foreach($site_social as $o)
|
||||
<a href="{{ url('/auth/'.$o['name']) }}" class="btn btn-block btn-social btn-{{ $o['name'] }} btn-flat"><i class="fa fa-{{ $o['name'] }}"></i> {{ trans('message.sign'.$o['name']) }}</a>
|
||||
@endforeach
|
||||
</div><!-- /.social-auth-links -->
|
||||
|
||||
52
resources/theme/frontend/metronic/layouts/app.blade.php
Normal file
52
resources/theme/frontend/metronic/layouts/app.blade.php
Normal file
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
|
||||
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
|
||||
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
|
||||
|
||||
@section('htmlheader')
|
||||
@include('layouts.partials.htmlheader')
|
||||
@show
|
||||
|
||||
<!-- Body BEGIN -->
|
||||
<body class="corporate">
|
||||
|
||||
<div class="wrapper">
|
||||
@include('layouts.partials.mainheader')
|
||||
|
||||
@include('layouts.partials.sidebar')
|
||||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
@include('layouts.partials.contentheader')
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<!-- Your Page Content Here -->
|
||||
@yield('main-content')
|
||||
</section><!-- /.content -->
|
||||
</div><!-- /.content-wrapper -->
|
||||
|
||||
@include('layouts.partials.controlsidebar')
|
||||
|
||||
@include('layouts.partials.footer')
|
||||
|
||||
</div><!-- ./wrapper -->
|
||||
|
||||
|
||||
{{-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) --}}
|
||||
@js('/assets/jquery/1.11.2/js/jquery.min.js','jquery')
|
||||
@js('/assets/jquery/plugins/migrate/1.2.1/js/jquery-migrate.min.js','jq-migrate','jquery')
|
||||
@js('/assets/bootstrap/3.3.5/js/bootstrap.min.js','bootstrap-js','jquery')
|
||||
@js('/assets/jquery/plugins/back-to-top/back-to-top.js','back-to-top','jquery')
|
||||
{{-- END CORE PLUGINS --}}
|
||||
|
||||
{{-- Scripts --}}
|
||||
{!! Asset::scripts() !!}
|
||||
@section('scripts')
|
||||
@include('layouts.partials.scripts')
|
||||
@show
|
||||
|
||||
</body>
|
||||
<!-- BODY End-->
|
||||
</html>
|
||||
@@ -0,0 +1,98 @@
|
||||
{{-- This page needs $site_social --}}
|
||||
|
||||
<!-- BEGIN PRE-FOOTER -->
|
||||
<div class="pre-footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN BOTTOM ABOUT BLOCK -->
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2>About us</h2>
|
||||
<p>{!! $site_aboutus !!}</p>
|
||||
<!--
|
||||
<div class="photo-stream">
|
||||
<h2>Photos Stream</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="javascript:;"><img alt="" src="{{!! Theme::url('') !!}}"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<!-- END BOTTOM ABOUT BLOCK -->
|
||||
|
||||
<!-- BEGIN BOTTOM CONTACTS -->
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2>Our Contacts</h2>
|
||||
<address class="margin-bottom-40">
|
||||
<table>
|
||||
<tr><th style="vertical-align:top; padding-right: 5px;">Address</th><td>{!! $site_address !!}</td></tr>
|
||||
<tr><th>Phone</th><td>{!! $site_phone !!}</tr>
|
||||
<tr><th>Fax</th><td>{!! $site_fax !!}</tr>
|
||||
<tr><th>Email</th><td> <a href="mailto:{!! $site_email !!}">{!! $site_email !!}</a></tr>
|
||||
</table>
|
||||
</address>
|
||||
<!--
|
||||
<div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
|
||||
<h2>Newsletter</h2>
|
||||
<p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
|
||||
<form action="#">
|
||||
<div class="input-group">
|
||||
<input type="text" placeholder="youremail@mail.com" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-primary" type="submit">Subscribe</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<!-- END BOTTOM CONTACTS -->
|
||||
|
||||
<!-- BEGIN TWITTER BLOCK -->
|
||||
<!--
|
||||
<div class="col-md-4 col-sm-6 pre-footer-col">
|
||||
<h2 class="margin-bottom-0">Latest Tweets</h2>
|
||||
<a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets...</a>
|
||||
</div>
|
||||
-->
|
||||
<!-- END TWITTER BLOCK -->
|
||||
|
||||
<!-- BEGIN ADDRESS MAP -->
|
||||
{{-- @todo --}}
|
||||
<!-- END ADDRESS MAP -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END PRE-FOOTER -->
|
||||
|
||||
<!-- BEGIN FOOTER -->
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN COPYRIGHT -->
|
||||
<div class="col-md-4 col-sm-4 padding-top-10">
|
||||
2016 © Leenooks. ALL Rights Reserved. <!-- <a href="javascript:;">Privacy Policy</a> | <a href="javascript:;">Terms of Service</a> -->
|
||||
</div>
|
||||
<!-- END COPYRIGHT -->
|
||||
|
||||
<!-- BEGIN SOCIAL -->
|
||||
<div class="col-md-4 col-sm-4">
|
||||
<ul class="social-footer list-unstyled list-inline pull-right">
|
||||
@if(isset($site_social) AND is_array($site_social))
|
||||
@foreach ($site_social as $social)
|
||||
<li><a href="{{ $social['url'] }}"><i class="fa fa-{{ $social['name'] }}"></i></a></li>
|
||||
@endforeach
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END SOCIAL -->
|
||||
|
||||
<!-- BEGIN POWERED -->
|
||||
<div class="col-md-4 col-sm-4 text-right">
|
||||
<p class="powered">Powered by: <a href="http://www.leenooks.net/">leenooks</a></p>
|
||||
</div>
|
||||
<!-- END POWERED -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END FOOTER -->
|
||||
@@ -0,0 +1,42 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ config('app.name') }} - {{ $page_title }}</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
|
||||
<!-- CSRF Token -->
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
|
||||
<meta property="og:site_name" content="{{ config('app.name') }}" />
|
||||
<meta property="og:title" content="{{ $page_title }}" />
|
||||
<meta property="og:description" content="{{ $site_description }}" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:image" content="{{ $site_logo }}" />
|
||||
<meta property="og:url" content="{{ url('/') }}" />
|
||||
|
||||
<link rel="shortcut icon" href="@yield('site_favicon','favicon.ico')" />
|
||||
|
||||
{{-- Fonts START --}}
|
||||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css">
|
||||
{{-- Fonts END --}}
|
||||
|
||||
@css('/assets/animate/css/animate.css')
|
||||
@css('/assets/jquery/plugins/fancybox/source/jquery.fancybox.css')
|
||||
@css('/assets/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
|
||||
@css('/assets/jquery/plugins/uniform/2.1.0/css/uniform.default.css')
|
||||
@css('/assets/font-awesome/css/font-awesome.min.css')
|
||||
@css('/assets/bootstrap/3.3.5/css/bootstrap.min.css')
|
||||
|
||||
{{-- Theme styles START --}}
|
||||
@css('/site/css/components.css')
|
||||
@css('/site/css/slider.css')
|
||||
@css('/site/css/style.css')
|
||||
@css('/site/css/style-responsive.css')
|
||||
@css('/site/css/themes/red.css')
|
||||
@css('/site/css/custom.css')
|
||||
{{-- Theme styles END --}}
|
||||
|
||||
{{-- Styles --}}
|
||||
{!! Asset::styles() !!}
|
||||
</head>
|
||||
@@ -0,0 +1,79 @@
|
||||
<!-- BEGIN TOP BAR -->
|
||||
<div class="pre-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- BEGIN TOP BAR LEFT PART -->
|
||||
<div class="col-md-6 col-sm-6 additional-shop-info">
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li><i class="fa fa-phone"></i><span>{!! $site_phone !!}</span></li>
|
||||
<li><i class="fa fa-envelope-o"></i><span>{!! $site_email !!}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP BAR LEFT PART -->
|
||||
|
||||
<!-- BEGIN TOP BAR MENU -->
|
||||
<div class="col-md-6 col-sm-6 additional-nav">
|
||||
<ul class="list-unstyled list-inline pull-right">
|
||||
<li><a href="{{ url('login') }}">Log In</a></li>
|
||||
<li><a href="{{ url('register') }}">Registration</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END TOP BAR MENU -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END TOP BAR -->
|
||||
|
||||
<!-- BEGIN HEADER -->
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<a class="site-logo" href="{{ url('/') }}"><img src="{{ $site_logo }}" alt="{{ config('app.name') }}" height="32"></a>
|
||||
<a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
|
||||
|
||||
<!-- BEGIN NAVIGATION -->
|
||||
<div class="header-navigation pull-right font-transform-inherit">
|
||||
<ul>
|
||||
{{-- @todo Replace this with a function that can traverse children with multiple depths --}}
|
||||
@if (isset($site_topmenu) AND is_array($site_topmenu))
|
||||
@foreach ($site_topmenu as $item => $menu)
|
||||
<li class="dropdown {{ Request::is($menu['url']) ? 'active' : '' }}">
|
||||
|
||||
@if (! array_get($menu,'children'))
|
||||
<a {{ Request::is($menu['url']) ? 'class=active' : '' }} href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a>
|
||||
@else
|
||||
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="javascript:;">{{ $item }}</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li {{ (Request::is($menu['url']) ? 'class=active' : '') }}><a href="{{ url($menu['url']) }}">{{ $menu['name'] }}</a></li>
|
||||
@foreach($menu['children'] as $name => $menuitem)
|
||||
<li {{ (Request::is($menuitem['url']) ? 'class=active' : '') }}><a href="{{ url($menuitem['url']) }}">{{ $menuitem['name'] }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
|
||||
</li>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
<!-- BEGIN TOP SEARCH -->
|
||||
<li class="menu-search">
|
||||
<span class="sep"></span>
|
||||
<i class="fa fa-search search-btn"></i>
|
||||
|
||||
<div class="search-box">
|
||||
<form action="#">
|
||||
<div class="input-group">
|
||||
<input type="text" placeholder="Search" class="form-control">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-primary" type="submit">Search</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
<!-- END TOP SEARCH -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- END NAVIGATION -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header END -->
|
||||
@@ -0,0 +1,2 @@
|
||||
<!-- Compiled app javascript -->
|
||||
{{-- <script src="{{ url (mix('/js/app.js')) }}"></script> --}}
|
||||
92
resources/theme/frontend/metronic/welcome.blade.php
Normal file
92
resources/theme/frontend/metronic/welcome.blade.php
Normal file
@@ -0,0 +1,92 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('htmlheader_title')
|
||||
{{ trans('message.home') }}
|
||||
@endsection
|
||||
|
||||
@section('main-content')
|
||||
<body class="hold-transition welcome-page">
|
||||
|
||||
{{-- SLIDER --}}
|
||||
@if (isset($site_slider))
|
||||
@include('widgets.slider')
|
||||
@endif
|
||||
{{-- END SLIDER --}}
|
||||
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
{{-- SERVICE BOX --}}
|
||||
@if (isset($page_servicebox))
|
||||
@include('widgets.servicebox')
|
||||
@endif
|
||||
{{-- END SERVICE BOX --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@if (isset($page_blockquote))
|
||||
@include('widgets.blockquote')
|
||||
@endif
|
||||
{{-- END TESTIMONIALS --}}
|
||||
|
||||
{{-- ACTIVITY --}}
|
||||
@if (isset($page_activity))
|
||||
@include('widgets.activity')
|
||||
@endif
|
||||
{{-- END ACTIVITY --}}
|
||||
|
||||
@if (isset($page_tabs) OR isset($page_testimonials))
|
||||
<!-- BEGIN TABS AND TESTIMONIALS -->
|
||||
<div class="row mix-block margin-bottom-40">
|
||||
|
||||
{{-- TABS --}}
|
||||
@if (isset($page_tabs))
|
||||
@include('widgets.tabs')
|
||||
@endif
|
||||
{{-- END TABS --}}
|
||||
|
||||
{{-- TESTIMONIALS --}}
|
||||
@if (isset($page_testimonials))
|
||||
@include('widgets.testimonials')
|
||||
@endif
|
||||
{{-- END TESTIMONIALS --}}
|
||||
|
||||
</div>
|
||||
<!-- END TABS AND TESTIMONIALS -->
|
||||
@endif
|
||||
|
||||
{{-- STEPS --}}
|
||||
@if (isset($page_steps))
|
||||
@include('widgets.steps')
|
||||
@endif
|
||||
{{-- END STEPS --}}
|
||||
|
||||
{{-- CLIENTS --}}
|
||||
@if (true OR isset($page_clients))
|
||||
@include('widgets.clients')
|
||||
@endif
|
||||
{{-- END CLIENTS --}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
|
||||
@js('/assets/jquery/plugins/fancybox/source/jquery.fancybox.pack.js','jq-fancybox','jquery')
|
||||
@js('/assets/jquery/plugins/uniform/2.1.0/js/jquery.uniform.min.js','jq-uniform','jquery')
|
||||
@js('/site/js/layout.js','layout','jquery')
|
||||
</body>
|
||||
@endsection
|
||||
|
||||
|
||||
@section('scripts')
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
Layout.init();
|
||||
<!-- Layout.initTwitter(); -->
|
||||
Layout.initUniform();
|
||||
Layout.initFixHeaderWithPreHeader();
|
||||
Layout.initNavScrolling();
|
||||
<!-- ContactUs.init(); -->
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- END PAGE LEVEL JAVASCRIPTS -->
|
||||
@append
|
||||
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