source: resources/views/blog/index.blade.php@ 7ed1069

Last change on this file since 7ed1069 was f457265, checked in by Berat Kjufliju <kufliju@…>, 4 years ago

ADD technoweek offer, companies

  • Property mode set to 100644
File size: 5.9 KB
RevLine 
[0924b6c]1@extends('layouts.blog')
2@section('title', 'Technoblog | Home')
3@section('blog_content')
4
[f457265]5 @if(!session()->has("offer_disabled"))
6 <!-- Modal -->
7 <div class="modal fade company-modal">
8 <div class="modal-dialog">
9 <div class="modal-content">
10 <div class="modal-header">
11 <h5 class="modal-title">TechnoWeek Offer!</h5>
12 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
13 <span aria-hidden="true">&times;</span>
14 </button>
15 </div>
16 <div class="modal-body">
[0924b6c]17
[f457265]18 <p>We have a good news for you! You can request to open a company page in TechnoBlog just for free in TecnhoWeek!</p>
[0924b6c]19
[f457265]20 <form action="{{ route("blog.company.store") }}" method="post" style="font-size: 14px;" class="mt-2">
[0924b6c]21
[f457265]22 @csrf
[0924b6c]23
[f457265]24 <label class="mt-2">Company Name</label>
25 <input type="text" class="form-control form-control-sm" name="name" required autocomplete="off">
26 <label class="mt-3">Company Website</label>
27 <input type="text" class="form-control form-control-sm" name="website" required autocomplete="off">
28 <label class="mt-3">E-mail</label>
29 <input type="text" class="form-control form-control-sm" name="email" required autocomplete="off">
30 <p class="text-muted mt-1" style="font-size: 12px;">The invitation will be sent to this e-mail address.</p>
[0924b6c]31
[f457265]32 <input type="submit" class="btn btn-primary btn-sm w-100 mt-2">
33 </form>
[0924b6c]34
[f457265]35 </div>
36 </div>
37 </div>
38 </div>
39 @endif
[0924b6c]40
[f457265]41 <div style="height: 25px;"></div>
42
43 <!-- Main Content Wrapper -->
44 <div class="mainContent pb-5">
45
46 <div class="container-fluid">
47
48 <div class="row">
49 <!-- Welcome Slider -->
50 <div class="col-md-12">
51
52 <div class="welcomeSlider swiper-container">
53
54 <div class="swiper-wrapper">
55
56 @foreach ($latestPosts as $post)
57
58 <div class="swiper-slide">
59 <div class="slider-post-wrapper">
60 <p class="postCategory" style="background: {{ $post->category->color }};">{{ $post->category->name }}</p><img src="{{ asset("uploads/" . $post->image_link) }}">
61 <div class="postOverlay">
62 <p><a href="{{ route("blog.post", ["category" => strtolower($post->category->name), "slug" => $post->slug]) }}">{{ $post->title }} </a></p>
63 <span>
[0924b6c]64 <i class="fa fa-clock-o" aria-hidden="true"></i> {{ $post->ago() }}
65 &nbsp;&nbsp;&nbsp;&nbsp;
66 <i class="fa fa-heart-o" aria-hidden="true"></i> {{ $post->total_likes }} Likes
67 &nbsp;&nbsp;
68 <i class="fa fa-comment-o" aria-hidden="true"></i> {{ $post->comment->count() }} comments
69 </span>
[f457265]70 </div>
71 </div>
72 </div>
[0924b6c]73
[f457265]74 @endforeach
[0924b6c]75
[f457265]76 </div>
[0924b6c]77
[f457265]78 <div class="swiper-pagination"></div>
79 <div class="swiper-button-prev"></div>
80 <div class="swiper-button-next"></div>
[0924b6c]81
[f457265]82 </div>
[0924b6c]83
[f457265]84 </div>
[0924b6c]85
[f457265]86 <!-- Videos -->
87 @foreach ($blogCategories as $category)
[0924b6c]88
[f457265]89 <style>
90 .default_sectionTitle_{{ strtolower($category->name) }}:before,
91 .default_sectionTitle_{{ strtolower($category->name) }} span,
92 .default_sectionTitle_{{ strtolower($category->name) }} a {
93 background: {{ $category->color }};
94 color: {{ $category->color }};
95 }
96 </style>
[0924b6c]97
[f457265]98 <header class="default_sectionTitle default_sectionTitle_{{ strtolower($category->name) }}">
99 <span>{{ $category->name }}</span>
100 <a class="elemWithTooltip" data-tooltip-info="right-Explore More" href="{{ route("blog.category", ["category" => strtolower($category->name)]) }}">More</a>
101 </header>
[0924b6c]102
[f457265]103 @foreach ($posts as $post)
[0924b6c]104
[f457265]105 @if($post->category->name == $category->name)
[0924b6c]106
[f457265]107 <div class="col-md-4 post-item">
108 <div class="card">
109 <div class="card-img-top-wrapper">
110 <img class="card-img-top" src="{{ asset("uploads/" . $post->image_link) }}" alt="Card image cap">
111 </div>
112 <div class="card-body">
113 <h5 class="card-title"><a href="{{ route("blog.post", ["category" => strtolower($post->category->name), "slug" => $post->slug]) }}" class="blogSectionCardLink">{{ $post->title }}</a></h5>
114 <p class="card-text">{!! str_limit($post->content, 90) !!}</p>
115 </div>
116 <div class="card-footer">
117 <small class="text-muted">{{ $post->ago() }}</small>
118 </div>
119 </div>
120 </div>
[0924b6c]121
[f457265]122 @endif
[0924b6c]123
[f457265]124 @endforeach
[0924b6c]125
[f457265]126 @endforeach
[0924b6c]127
[f457265]128 </div>
[0924b6c]129
[f457265]130 </div>
[0924b6c]131
[f457265]132 </div>
[0924b6c]133
134@endsection
Note: See TracBrowser for help on using the repository browser.