user shop sites
This commit is contained in:
Kevin Adametz
parent
f24a0859b7
commit
11dc0ab821
36 changed files with 2041 additions and 869 deletions
|
|
@ -4,42 +4,86 @@
|
|||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12"><!-- left text -->
|
||||
<div class="col-12"><!-- left text -->
|
||||
|
||||
<p class="font-lato weight-400 size-20">
|
||||
Du möchtest Kontakt aufnehmen?
|
||||
<p class="font-lato weight-300 size-20 nomargin-bottom">
|
||||
Du möchtest Vertriebspartner werden oder hast Fragen zu unseren Produkten?
|
||||
</p>
|
||||
{!! $user_shop->info !!}
|
||||
<h3>Jetzt Kontakt aufnehmen: <a href="{{url('/kontakt')}}" rel="nofollow" class="btn btn-primary btn-lg">zum Kontakt</a>
|
||||
</h3>
|
||||
</div><!-- /left text -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /CALLOUT -->
|
||||
<style>div.row > div img.img-responsive { width: auto } </style>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="col-md-4">
|
||||
<!-- Footer Logo -->
|
||||
<img class="footer-logo img-responsive" src="{{asset('/assets/images/logo_mivita.png')}}" alt=""/>
|
||||
<img class="footer-logo" src="{{asset('/assets/images/logo_dark.png')}}" alt=""/>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<!-- Footer Logo -->
|
||||
<img class="footer-logo img-responsive" src="{{asset('/assets/images/logo_bio.png')}}" alt=""/>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- Contact Address -->
|
||||
|
||||
|
||||
|
||||
|
||||
<br>
|
||||
|
||||
|
||||
<address>
|
||||
<ul class="list-unstyled">
|
||||
|
||||
|
||||
@if($user_shop->title)
|
||||
<li class="footer-sprite title">
|
||||
<strong style="color: #97b085; font-size: 1.1em;">{{ $user_shop->title }}</strong>
|
||||
</li>
|
||||
@endif
|
||||
@if($user_shop->contact)
|
||||
<li class="footer-sprite address">
|
||||
{!! nl2br($user_shop->contact) !!}
|
||||
</li>
|
||||
@endif
|
||||
<li class="footer-sprite">
|
||||
{{ $user_shop->getSubdomain() }}
|
||||
</li>
|
||||
</ul>
|
||||
</address>
|
||||
<!-- /Contact Address -->
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<!-- Footer Logo -->
|
||||
<img class="footer-logo img-responsive" src="{{asset('/assets/images/logo_derma.png')}}" alt=""/>
|
||||
|
||||
<div class="col-md-4">
|
||||
<!-- Links -->
|
||||
<h4 class="letter-spacing-1">Inhalte</h4>
|
||||
<ul class="footer-links list-unstyled">
|
||||
<li class="{{ Request::is('/') ? ' active' : '' }}"><a
|
||||
href="{{ url('/') }}">Start</a></li>
|
||||
<li class="{{ Request::is('aloevera') ? ' active' : '' }}"><a
|
||||
href="{{url('/aloevera')}}">Aloe Vera</a></li>
|
||||
<li class="{{ Request::is('produkte/*') ? ' active' : '' }}"><a
|
||||
href="{{url('/produkte/alle-produkte')}}">Produktwelt</a></li>
|
||||
<li class="{{ Request::is('geschaeftsmodell/*') ? ' active' : '' }}"><a
|
||||
href="{{url('/geschaeftsmodell/karrierechancen')}}">Karrierechancen</a></li>
|
||||
<li class="{{ Request::is('kontakt') ? ' active' : '' }}"><a
|
||||
href="{{url('/kontakt')}}">Kontakt</a></li>
|
||||
<li class="{{ Request::is('partner') ? ' active' : '' }}"><a
|
||||
href="{{url('/partner')}}">Partner</a></li>
|
||||
</ul>
|
||||
<!-- /Links -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -49,11 +93,11 @@
|
|||
<div class="copyright">
|
||||
<div class="container">
|
||||
<ul class="pull-right nomargin list-inline mobile-block">
|
||||
<li class="{{ Request::is('data_protected') ? ' active' : '' }}"><a
|
||||
href="{{ url('/data_protected') }}">Datenschutzerklärung</a></li>
|
||||
<li class="{{ Request::is('datenschutz') ? ' active' : '' }}"><a
|
||||
href="{{ url('/datenschutz') }}">Datenschutzerklärung</a></li>
|
||||
<li>•</li>
|
||||
<li class="{{ Request::is('imprint') ? ' active' : '' }} "><a
|
||||
href="{{ url('/imprint') }}">Impressum</a></li>
|
||||
<li class="{{ Request::is('impressum') ? ' active' : '' }} "><a
|
||||
href="{{ url('/impressum') }}">Impressum</a></li>
|
||||
</ul>
|
||||
© All Rights Reserved, mivita.care
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -107,24 +107,35 @@
|
|||
<img class="fixed_top" src="/assets/images/logo_mivita.png" alt="mivita" />
|
||||
<img class="fixed_scroll" src="/assets/images/logo_mivita_fixed.png" alt="mivita" />
|
||||
</a>
|
||||
|
||||
|
||||
<div class="navbar-collapse pull-right nav-main-collapse collapse">
|
||||
<nav class="nav-main">
|
||||
<ul id="topMain" class="nav nav-pills nav-main nav-onepage">
|
||||
<li class="{{ Request::is('/') ? ' active' : '' }}">
|
||||
<a href="/">
|
||||
{{ $user_shop->name }} Shop
|
||||
Start
|
||||
</a>
|
||||
</li>
|
||||
<li class="{{ Request::is('aloevera') ? ' active' : '' }}">
|
||||
<a href="{{url('/aloevera')}}">
|
||||
Aloe Vera
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="{{ Request::is('produkte/*') ? ' active' : '' }}">
|
||||
<a href="{{url('/produkte/alle-produkte')}}/">
|
||||
Produktwelt
|
||||
</a>
|
||||
</li>
|
||||
<li class="{{ Request::is('geschaeftsmodell/*') ? ' active' : '' }}">
|
||||
<a href="{{url('/geschaeftsmodell/karrierechancen')}} ">
|
||||
Karrierechancen
|
||||
</a>
|
||||
</li>
|
||||
<li class="{{ Request::is('kontakt') ? ' active' : '' }}">
|
||||
<a href="{{ url('kontakt') }}">
|
||||
Kontakt
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -7,41 +7,247 @@
|
|||
.tp-caption {
|
||||
text-shadow: none;
|
||||
}
|
||||
div.shop-item {
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
div.shop-item > .thumbnail, .thumbnail {
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.shop-item-summary {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
div.shop-item-summary h2 a {
|
||||
color: #9aa983;
|
||||
font-size: 1.2em;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
div.shop-item-buttons {
|
||||
padding: 0 8px 10px 8px;
|
||||
}
|
||||
|
||||
div.shop-item-buttons .btn-xs {
|
||||
padding: 4px;
|
||||
}
|
||||
img.avatar {
|
||||
width: 75%;
|
||||
max-width: 200px;
|
||||
border: 6px solid #bbccab;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="page-header page-header-xlg parallax parallax-3"
|
||||
style="background-image:url('assets/images/vision-min.jpg')">
|
||||
<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
|
||||
|
||||
<div class="container">
|
||||
<h1>{{ $user_shop->name }} mivita online Shop</h1>
|
||||
<!-- REVOLUTION SLIDER -->
|
||||
<section id="slider" class="slider fullwidthbanner-container roundedcorners">
|
||||
|
||||
<div class="fullwidthbanner" data-height="500" data-navigationStyle="">
|
||||
<ul class="hide">
|
||||
|
||||
<!-- SLIDE -->
|
||||
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off"
|
||||
data-title="Slide">
|
||||
|
||||
<img src="{{ asset('assets/images/1x1.png') }}" data-lazyload="{{ asset('assets/images/slider-hg_gruen-mitte.jpg') }}" alt=""
|
||||
data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat"/>
|
||||
|
||||
<div class="overlay dark-0"><!-- dark overlay [1 to 9 opacity] --></div>
|
||||
|
||||
<div class="tp-caption customin ltl tp-resizeme text_white"
|
||||
data-x="center"
|
||||
data-y="60"
|
||||
data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
||||
data-speed="800"
|
||||
data-start="1000"
|
||||
data-easing="easeOutQuad"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-elementdelay="0.01"
|
||||
data-endelementdelay="0.1"
|
||||
data-endspeed="1000"
|
||||
data-endeasing="Power4.easeIn" style="z-index: 10;">
|
||||
<span class="weight-400">Deutscher Direktvertrieb für</span>
|
||||
</div>
|
||||
|
||||
<div class="tp-caption customin ltl tp-resizeme large_bold_white"
|
||||
data-x="center"
|
||||
data-y="100"
|
||||
data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
|
||||
data-speed="800"
|
||||
data-start="1200"
|
||||
data-easing="easeOutQuad"
|
||||
data-splitin="none"
|
||||
data-splitout="none"
|
||||
data-elementdelay="0.01"
|
||||
data-endelementdelay="0.1"
|
||||
data-endspeed="1000"
|
||||
data-endeasing="Power4.easeIn" style="z-index: 10;">
|
||||
<span class="h1">100% Premium Bio Aloe Vera</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tp-bannertimer"></div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- /REVOLUTION SLIDER -->
|
||||
|
||||
|
||||
<!-- -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-9">
|
||||
<h1>Produktwelt</h1>
|
||||
<p class="">MIVITA ist ein Unternehmen mit Standort in Deutschland, das innovative und umweltfreundliche
|
||||
sowie hochwertige Produkte vertreibt. Seit seinem Markteintritt bekennt sich das MIVITA Unternehmen zu einem
|
||||
Werteverständnis, bei dem die Zufriedenheit der Kunden, wie auch die Verantwortung für die Umwelt im Fokus
|
||||
stehen.</p>
|
||||
|
||||
<ul class="shop-item-list row list-inline nomargin">
|
||||
@foreach($products as $product)
|
||||
<!-- ITEM -->
|
||||
<li class="col-lg-4 col-sm-4">
|
||||
@include('web.templates.produkte-item', ['subsite' => 'alle-produkte'])
|
||||
</li>
|
||||
<!-- /ITEM -->
|
||||
@endforeach
|
||||
</ul>
|
||||
<div class="text-center">
|
||||
<a href="{{url('/produkte')}}" class="btn btn-lg btn-primary ">Alle Produkte anzeigen</a>
|
||||
</div>
|
||||
<div class="divider divider-center divider-color"><!-- divider -->
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
|
||||
<h1>Sparen Sie mit Sets</h1>
|
||||
<ul class="shop-item-list row list-inline nomargin">
|
||||
@foreach($set_products as $product)
|
||||
<!-- ITEM -->
|
||||
<li class="col-lg-4 col-sm-4">
|
||||
@include('web.templates.produkte-item', ['subsite' => 'alle-produkte'])
|
||||
</li>
|
||||
<!-- /ITEM -->
|
||||
@endforeach
|
||||
</ul>
|
||||
<div class="text-center">
|
||||
<a href="{{url('/produkte/aktions-sets')}}" class="btn btn-lg btn-primary ">Alle Sets anzeigen</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="divider divider-center divider-color visible-xs visible-sm"><!-- divider -->
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-3" style="border-left: 1px solid #ddd;">
|
||||
<h2 class="text-center">Willkommen</h2>
|
||||
<p class="text-center">Ich freue mich über Deinen Besuch in meinem MIVITA Onlineshop. Ich bin Deine persönliche Beratung rund um die Produkte und ihrer Anwendung.</p>
|
||||
<div class="text-center">
|
||||
@if($user_shop->isImage())
|
||||
<img class="img-responsive rounded avatar" src="{{ url($user_shop->getImage()) }}" alt="">
|
||||
@else
|
||||
<img class="img-responsive rounded avatar" src="{{ asset('assets/images/avatar.png') }}" alt="">
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<p class="text-center">
|
||||
@if($user_shop->title)
|
||||
<strong style="color: #97b085; font-size: 1.1em;">{{ $user_shop->title }}</strong><br>
|
||||
@endif
|
||||
@if($user_shop->contact)
|
||||
{!! nl2br($user_shop->contact) !!}
|
||||
@endif
|
||||
<br>
|
||||
{{ $user_shop->getSubdomain() }}
|
||||
</p>
|
||||
|
||||
@if($user_shop->accessibility)
|
||||
<p class="text-center">
|
||||
<strong>Meine Erreichbarkeit:</strong><br>
|
||||
{!! nl2br($user_shop->accessibility) !!}
|
||||
</p>
|
||||
@endif
|
||||
|
||||
@if($user_shop->about)
|
||||
|
||||
<div class="divider divider-center divider-color" style="margin: 10px 0;"><!-- divider -->
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
<p class="text-center" style="color: #97b085;">
|
||||
<em>
|
||||
„{{ $user_shop->about }}“
|
||||
</em>
|
||||
</p>
|
||||
@endif
|
||||
|
||||
@if($user_shop->on_sites)
|
||||
<div class="divider divider-center divider-color" style="margin: 10px 0;"><!-- divider -->
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
<h3 class="text-center">Für Dich vor Ort:</h3>
|
||||
<p class="text-center">Wir waren für Dich vor Ort auf der Aloe Vera Farm auf Mallorca, denn Transparenz ist uns wichtig. So weißt Du genau, wo Deine Produkte herkommen und wie sie produziert werden. Echte Qualität eben.</p>
|
||||
<div class="clearfix lightbox" data-img-big="1" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'>
|
||||
|
||||
|
||||
|
||||
@foreach($user_shop->on_sites as $image)
|
||||
|
||||
<div class="col-xs-6 col-sm-4 col-md-6" style="padding: 2px;">
|
||||
<a class="image-hover" href="{{ route('user_shop_image', [$image->slug]) }}">
|
||||
<img src="{{ route('user_shop_image', [$image->slug]) }}" alt="..." class="img-responsive">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="divider divider-center divider-color"><!-- divider -->
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
</div>
|
||||
|
||||
<!-- BORN TO BE A WINNER -->
|
||||
<article class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
@if($user_shop->isImage())
|
||||
<img class="img-responsive" src="{{ url($user_shop->getImage()) }}" alt="">
|
||||
@else
|
||||
<h2>{{ $user_shop->title }}</h2>
|
||||
@endif
|
||||
|
||||
<!-- OWL SLIDER -->
|
||||
<div class="owl-carousel buttons-autohide controlls-over nomargin"
|
||||
data-plugin-options='{"items": 1, "autoHeight": true, "navigation": true, "pagination": true, "transitionStyle":"backSlide", "progressBar":"true"}'>
|
||||
<div>
|
||||
<img class="img-responsive" src="{{ asset('assets/images/aloe-vera-farm-mallorca.jpg') }}" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<img class="img-responsive" src="{{ asset('assets/images/beratung-ruth-mallorca.jpg') }}" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<img class="img-responsive" src="{{ asset('assets/images/mivita-schulung-mallorca.jpg') }}" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- /OWL SLIDER -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
@if($user_shop->isImage())
|
||||
<h2>{{ $user_shop->title }}</h2>
|
||||
@endif
|
||||
{!! $user_shop->copy !!}
|
||||
<h2>Warum MIVITA?</h2>
|
||||
<p>Unsere Kunden vertrauen zurecht auf die exzellenten Eigenschaften der MIVITA Produkte. Damit trifft
|
||||
jeder aktiv eine kluge Entscheidung für Gesundheit und Umwelt.</p>
|
||||
|
||||
<p>Wir legen nicht nur auf die Qualität unserer Produkte einen hohen Stellenwert, sondern natürlich auch
|
||||
auf umfassende, kompetente Beratung durch freundliche und fachkundige Berater und Beraterinnen.</p>
|
||||
|
||||
<p>Wir entwickeln und vertreiben ausschließlich Produkte, die qualitativ hochwertig sind. So sind sie
|
||||
bei sachgemäßer Anwendung und Pflege langlebig und sehr ergiebig. Faktoren, die uns die
|
||||
Zufriedenheit unserer Kunden sichern.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
<!-- /BORN TO BE A WINNER -->
|
||||
|
|
@ -125,4 +331,41 @@
|
|||
</section>
|
||||
<!-- / -->
|
||||
|
||||
<!-- -->
|
||||
<section>
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6">
|
||||
|
||||
<p>MIVITA ist exklusiver Partner der Farm Aloe Vera de Mallorca im Bereich Direktvertrieb Deutschland.
|
||||
Hier haben zwei Unternehmen zusammengefunden, für die Qualität und Nachhaltigkeit oberstes Gebot
|
||||
sind. Nur so lassen sich langfristig zufriedene Kunden zu echten Fans unserer Produkte gewinnen.</p>
|
||||
<blockquote>
|
||||
<p><i>„Mensch, Tier und Natur zuliebe ... Nachhaltigkeit und Produkte, die wirklich „guttun“, sind
|
||||
uns wichtig.“</i></p>
|
||||
<p>Alois Ried - Inhaber MIVITA</p>
|
||||
</blockquote>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
|
||||
<div class="embed-responsive embed-responsive-16by9 box-shadow-1">
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/ChHAxy6SbkM?rel=0"
|
||||
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!-- / -->
|
||||
|
||||
|
||||
|
||||
@endsection
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue