1 | @extends('layouts.blog')
|
---|
2 | @section('title', 'Technoblog | Home')
|
---|
3 | @section('blog_content')
|
---|
4 |
|
---|
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">×</span>
|
---|
14 | </button>
|
---|
15 | </div>
|
---|
16 | <div class="modal-body">
|
---|
17 |
|
---|
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>
|
---|
19 |
|
---|
20 | <form action="{{ route("blog.company.store") }}" method="post" style="font-size: 14px;" class="mt-2">
|
---|
21 |
|
---|
22 | @csrf
|
---|
23 |
|
---|
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>
|
---|
31 |
|
---|
32 | <input type="submit" class="btn btn-primary btn-sm w-100 mt-2">
|
---|
33 | </form>
|
---|
34 |
|
---|
35 | </div>
|
---|
36 | </div>
|
---|
37 | </div>
|
---|
38 | </div>
|
---|
39 | @endif
|
---|
40 |
|
---|
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>
|
---|
64 | <i class="fa fa-clock-o" aria-hidden="true"></i> {{ $post->ago() }}
|
---|
65 |
|
---|
66 | <i class="fa fa-heart-o" aria-hidden="true"></i> {{ $post->total_likes }} Likes
|
---|
67 |
|
---|
68 | <i class="fa fa-comment-o" aria-hidden="true"></i> {{ $post->comment->count() }} comments
|
---|
69 | </span>
|
---|
70 | </div>
|
---|
71 | </div>
|
---|
72 | </div>
|
---|
73 |
|
---|
74 | @endforeach
|
---|
75 |
|
---|
76 | </div>
|
---|
77 |
|
---|
78 | <div class="swiper-pagination"></div>
|
---|
79 | <div class="swiper-button-prev"></div>
|
---|
80 | <div class="swiper-button-next"></div>
|
---|
81 |
|
---|
82 | </div>
|
---|
83 |
|
---|
84 | </div>
|
---|
85 |
|
---|
86 | <!-- Videos -->
|
---|
87 | @foreach ($blogCategories as $category)
|
---|
88 |
|
---|
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>
|
---|
97 |
|
---|
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>
|
---|
102 |
|
---|
103 | @foreach ($posts as $post)
|
---|
104 |
|
---|
105 | @if($post->category->name == $category->name)
|
---|
106 |
|
---|
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>
|
---|
121 |
|
---|
122 | @endif
|
---|
123 |
|
---|
124 | @endforeach
|
---|
125 |
|
---|
126 | @endforeach
|
---|
127 |
|
---|
128 | </div>
|
---|
129 |
|
---|
130 | </div>
|
---|
131 |
|
---|
132 | </div>
|
---|
133 |
|
---|
134 | @endsection
|
---|