Benjamin Völkl 2022-10-19 17:06:26 +02:00
parent db5b42670a
commit 4cc047551e
7 changed files with 32 additions and 210 deletions

View File

@ -8,7 +8,7 @@
background-color: #f0e4f45c; background-color: #f0e4f45c;
} }
h1,h2,h3{ h1,h2,h3{
color: #344657; color: #2776b7;
} }
section{ section{
padding-top: 45px; padding-top: 45px;
@ -18,7 +18,7 @@
padding-right: 1rem; padding-right: 1rem;
} }
.bg-ci{ .bg-ci{
background-color: #34465761 ; background-color: #9cbbd961 ;
} }
.bg-ci-animated{ .bg-ci-animated{
background: linear-gradient(318deg, #24052f, #81329d); background: linear-gradient(318deg, #24052f, #81329d);
@ -37,17 +37,18 @@
text-decoration: none; text-decoration: none;
} }
.btn-primary{ .btn-primary{
background-color: #071734; background-color: #2776b7;
border-color: #041431; border-color: #185991;
color: white;
} }
.btn-primary:hover{ .btn-primary:hover{
background-color: #041431; background-color: #185991;
} }
nav a, nav a:hover, footer a, footer a:hover { nav a, nav a:hover, footer a, footer a:hover {
color: #f1f4f7; color: #2776b7;
} }
a, a:hover{ a, a:hover{
color: #344657; color: #2776b7;
} }
@-webkit-keyframes bg-ci-animated { @-webkit-keyframes bg-ci-animated {
0%{background-position:0% 50%} 0%{background-position:0% 50%}

View File

@ -75,7 +75,7 @@
</div> </div>
</div> </div>
</div> </div>
<div style=" background-color: #344657"> <div style=" background-color: #2776b7">
<div class="container pt-2 pb-3"> <div class="container pt-2 pb-3">
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 text-md-start text-center mt-3"> <div class="col-12 col-sm-6 text-md-start text-center mt-3">

View File

@ -7,11 +7,10 @@
<section class="rounded bg-ci" style="margin-top: 80px;"> <section class="rounded bg-ci" style="margin-top: 80px;">
<div class="row"> <div class="row">
<div class="col-sm-10 offset-sm-1 col-lg-5"> <div class="col-sm-10 offset-sm-1 col-lg-5">
<h1>Alpha Security</h1> <h1>Immobilien Sparrer</h1>
<p class="fs-4 mt-2"> <p class="fs-4 mt-2">
<br> <br>
Sicherheitsdienstleistungen Weiden Immobilienmaler // Hausverwaltung
<br> Wir schützen was Ihnen lieb ist!
</p> </p>
<p class="fs-6 mt-1 text-muted"> <p class="fs-6 mt-1 text-muted">
<br> <br>

View File

@ -4,7 +4,7 @@
<section> <section>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1>Balkonkraftwerk</h1> <h1>Immobilien</h1>
<br> <br>


<br> <br>

View File

@ -1,129 +0,0 @@
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col">
<h1>Produkte</h1>
<br>

<br>
<p class="fs-5">Finden Sie hier eine grosse Auswahl an Solar Produkten</p>
<br>
<br>
</div>
</div>



<div class="row my-5">

<h2 class="mb-4">Solarmodule</h2>

@foreach(filterByContentType($contents, "Solarmodule") as $content)

<div class="col-12 col-md-4 mb-5">
<a href="{{route_content($content)}}" class="text-decoration-none">
<div class="card shadow-sm" style="background-color: #546c8a; color: white;">
@if(empty($content->image))
<img src="https://picsum.photos/200/100" class="card-img-top img-fluid" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="card-body">
<h5 class="card-title">{{$content->title}}</h5>
</div>
</div>
</a>


</div>
@endforeach

</div>

<div class="row my-5">

<h2 class="mb-4">Balkonkraftwerke</h2>

@foreach(filterByContentType($contents, "Balkonkraftwerk") as $content)

<div class="col-12 col-md-4 mb-5">
<a href="{{route_content($content)}}" class="text-decoration-none">
<div class="card shadow-sm" style="background-color: #546c8a; color: white;">
@if(empty($content->image))
<img src="https://picsum.photos/200/100" class="card-img-top img-fluid" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="card-body">
<h5 class="card-title">{{$content->title}}</h5>
</div>
</div>
</a>


</div>
@endforeach

</div>


<div class="row my-5">

<h2 class="mb-4">Befestigungsmaterial</h2>

@foreach(filterByContentType($contents, "befestigung") as $content)

<div class="col-12 col-md-4 mb-5">
<a href="{{route_content($content)}}" class="text-decoration-none">
<div class="card shadow-sm" style="background-color: #546c8a; color: white;">
@if(empty($content->image))
<img src="https://picsum.photos/200/100" class="card-img-top img-fluid" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="card-body">
<h5 class="card-title">{{$content->title}}</h5>
</div>
</div>
</a>


</div>
@endforeach

</div>





<div class="row my-5">

<h2 class="mb-4">Kabel & Stecker</h2>

@foreach(filterByContentType($contents, "Kabel") as $content)

<div class="col-12 col-md-4 mb-5">
<a href="{{route_content($content)}}" class="text-decoration-none">
<div class="card shadow-sm" style="background-color: #546c8a; color: white;">
@if(empty($content->image))
<img src="https://picsum.photos/200/100" class="card-img-top img-fluid" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="card-body">
<h5 class="card-title">{{$content->title}}</h5>
</div>
</div>
</a>


</div>
@endforeach

</div>
</section>
</div>
@stop

View File

@ -1,52 +0,0 @@
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col">
<h1>{{ $list->name }}</h1>
<br>

<br>
<p class="fs-5">{{ $list->description }}</p>
<br>
<br>
</div>
</div>
<div class="row my-5">

<h2 class="mb-4">Solarmodule</h2>

@foreach($contents as $content)

<div class="col-12 col-md-4 mb-5">
<a href="{{route_content($content)}}" class="text-decoration-none">
<div class="card shadow-sm" style="background-color: #546c8a; color: white;">
@if(empty($content->image))
<img src="https://picsum.photos/200/100" class="card-img-top img-fluid" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="card-body">
<h5 class="card-title">{{$content->title}}</h5>
</div>
</div>
</a>


</div>
@endforeach

</div>









</section>
</div>
@stop

View File

@ -9,7 +9,7 @@
@yield('head') @yield('head')
</head> </head>
<body> <body>
<nav style="background-color: #344657" class="pt-1 pb-1 text-light"> <nav style="background-color: #2776b7" class="pt-1 pb-1 text-light">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col text-light"> <div class="col text-light">
@ -21,25 +21,25 @@
</div> </div>
<div class="col text-end"> <div class="col text-end">
<span> <span>
<a href="tel:+4996174485430" class="text-decoration-none"> <a href="tel:+4996174485430" class="text-decoration-none text-light">
<svg style="fill: currentColor; width:20px; margin-bottom: 2px; margin-right: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M368 336h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm-48-80v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16zm112 144h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm80-272H269.06C262.45 13.4 244.87 0 224 0h-80c-20.87 0-38.45 13.4-45.06 32H64C28.65 32 0 60.65 0 96v352c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.65-64-64-64zM144 48h80v320h-80V48zm384 400c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V96c0-8.82 7.18-16 16-16h32v288c0 26.51 21.49 48 48 48h80c26.51 0 48-21.49 48-48V80h48v72c0 22.06 17.94 40 40 40h168v256zm0-304H368V80h144c8.82 0 16 7.18 16 16v48z"/></svg> <svg style="fill: currentColor; width:20px; margin-bottom: 2px; margin-right: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M368 336h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm-48-80v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16zm112 144h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm80-272H269.06C262.45 13.4 244.87 0 224 0h-80c-20.87 0-38.45 13.4-45.06 32H64C28.65 32 0 60.65 0 96v352c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.65-64-64-64zM144 48h80v320h-80V48zm384 400c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V96c0-8.82 7.18-16 16-16h32v288c0 26.51 21.49 48 48 48h80c26.51 0 48-21.49 48-48V80h48v72c0 22.06 17.94 40 40 40h168v256zm0-304H368V80h144c8.82 0 16 7.18 16 16v48z"/></svg>
0961 74485430 0961 74485430
</a> </a>
</span> </span>
<span class="ms-5 d-none d-lg-inline"> <span class="ms-5 d-none d-lg-inline">
<a href="mailto:info@alpha-security.net" class="text-decoration-none">info@alpha-security.net</a> <a href="mailto:info@alpha-security.net" class="text-decoration-none text-light">info@alpha-security.net</a>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
<nav style="background-color: #5b696f" class="pt-5 pb-5"> <nav class="bg-light">
<div class="container"> <div class="container">


<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg">
<div class="container-fluid" style="justify-content: normal;"> <div class="container-fluid" style="justify-content: normal;">
<a href="{{url('/')}}"> <a href="{{url('/')}}">
<img src="http://alpha-security.net/wp-content/uploads/2021/02/Alpha_Security_Logo_silberverlauf57.png" alt="Alpha Security"> <img src="https://www.immobilien-sparrer.com/wordpress/wp-content/uploads/2022/08/cropped-Immobilien-Sparrer-Logo-192x192.png" alt="Alpha Security">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
@ -50,7 +50,7 @@
<style> <style>
.nav-item a{ .nav-item a{
font-weight: bold; font-weight: bold;
color: white; color: #2776b7;
font-size: 20px; font-size: 20px;
} }


@ -63,23 +63,26 @@
} }
</style> </style>


<li class="nav-item mt-4 mt-md-0"> <li class="nav-item">
<a class="nav-link mx-md-4" href="{{url('/sicherheitsdienst')}}">Sicherheitsdienst</a> <a class="nav-link mx-md-3" href="{{url('/immobilien')}}">Mieten / Kaufen</a>
</li> </li>


<li class="nav-item"> <li class="nav-item">
<a class="nav-link mx-md-4" href="{{url('/unternehmen')}}">Über uns</a> <a class="nav-link mx-md-3" href="{{url('/hausverwaltung')}}">Hausverwaltung</a>
</li>

<li class="nav-item dropdown mx-md-4 d-none">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Service
</a>
</li> </li>




<li class="nav-item mx-md-4"> <li class="nav-item">
<a class="nav-link" href="{{url('/kontakt')}}">Kontakt</a> <a class="nav-link mx-md-3" href="{{url('/unternehmen')}}">Über uns</a>
</li>

<li class="nav-item">
<a class="nav-link mx-md-3" href="{{url('/kontakt')}}">Kontakt</a>
</li>


<li class="nav-item ms-md-5">
<a class="btn-sm btn btn-primary text-light" href="{{url('/kontakt')}}">Immobilien anbieten</a>
</li> </li>