1 | <footer class="bg-dark">
|
---|
2 | <div class="w-75 container-fluid border-bottom">
|
---|
3 | <div class="row">
|
---|
4 | <div class="col-md-4 text-center">
|
---|
5 | <img src="{{ asset("assets/images/logo.png") }}">
|
---|
6 | <ul class="nav footerNav text-justify flex-column pb-5">
|
---|
7 | <li class="nav-item">
|
---|
8 | <a class="nav-link" href="{{ route("blog.index") }}">Home</a>
|
---|
9 | <a class="nav-link" href="{{ route("blog.about") }}">About</a>
|
---|
10 | </li>
|
---|
11 | @foreach ($blogCategories as $category)
|
---|
12 | <li class="nav-item">
|
---|
13 | <a class="nav-link" href="{{ route("blog.category", ["category" => strtolower($category->name)]) }}">{{ $category->name }}</a>
|
---|
14 | </li>
|
---|
15 | @endforeach
|
---|
16 | <li class="nav-item">
|
---|
17 | <a class="nav-link" href="{{ route("blog.about") }}/#contact-us">Contact</a>
|
---|
18 | </li>
|
---|
19 | </ul>
|
---|
20 | </div>
|
---|
21 | <div class="col-md-4">
|
---|
22 | <div class="verticalCentering">
|
---|
23 | <h5 class="text-light text-center pb-2">Recent Posts</h5>
|
---|
24 | <ul class="recentPostsList text-justify">
|
---|
25 | @foreach ($latestPostsFooter as $post)
|
---|
26 | <li class="pb-2"><a class="text-light" href="/category/{{ strtolower($post->category->name) }}/{{ $post->slug }}">{{ $post->title }}</a></li>
|
---|
27 | @endforeach
|
---|
28 | </ul>
|
---|
29 | </div>
|
---|
30 | </div>
|
---|
31 | <div class="col-md-4">
|
---|
32 | <div class=" pb-5">
|
---|
33 | <div class="subscribe pb-2">
|
---|
34 | <h5 class="text-light">Subscribe</h5>
|
---|
35 | <h6 class="text-light">Enter your e-mail address and get our monthly newsletter.</h6>
|
---|
36 | <form>
|
---|
37 | <div class="input-group mb-3">
|
---|
38 | <input type="text" class="form-control" placeholder="E-mail" aria-label="Recipient's username" required>
|
---|
39 | <div class="input-group-append">
|
---|
40 | <input type="submit" class="btn btn-primary" value="Subscribe">
|
---|
41 | </div>
|
---|
42 | <small class="form-text text-left text-muted">We'll never share your email with anyone else.</small>
|
---|
43 | </div>
|
---|
44 | </form>
|
---|
45 | </div>
|
---|
46 | <div class="footerSocial pb-5">
|
---|
47 | <h5 class="text-light">Follow Us</h5>
|
---|
48 | <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
|
---|
49 | <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
|
---|
50 | <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
|
---|
51 | <a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
|
---|
52 | </div>
|
---|
53 | </div>
|
---|
54 | </div>
|
---|
55 | </div>
|
---|
56 | </div>
|
---|
57 | <div class="w-75 container-fluid bg-dark pt-2 pb-5">
|
---|
58 | <p class="text-light text-left" style="font-size: 12px;">©{{ now()->year }} TechnoBlog. All Rights Reserved</p>
|
---|
59 | </div>
|
---|
60 | </footer>
|
---|
61 |
|
---|
62 | <script type="text/javascript" src="{{ asset("assets/js/bundle.js") }}"></script>
|
---|
63 | <script type="text/javascript" src="{{ asset("assets/js/app.js") }}"></script>
|
---|