textmsg/pro/resources/views/pages/blog-category.blade.php

@extends('views.layouts.master')
@section('content')
    <!--inner Title Start -->
    <div class="sms_title_main_wrapper">

        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="sms_inner_title_heading full_width">
                        <h2>Blog Category</h2>

                        <ul>
                            <li><a href="#">Home</a> &nbsp;&nbsp;&nbsp;/</li>
                            <li>Blog Category</li>
                        </ul>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- inner Title End -->
    <!--blog wrapper start-->
    <div class="blog_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-xs-12">
                    <div class="blog-post-wrapper iner_blog">
                        <div class="post-thumbnail">
                            <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog_s1.jpg') }}" class="img-responsive" alt="Image">
                        </div>
                        <!-- /.post-thumbnail -->
                        <div class="blog-content full_width">
                            <div class="entry-header">
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="fa fa-user" aria-hidden="true"></i> <a href="#">author</a>
                                        </li>
                                        <li><i class="fa fa-calendar" aria-hidden="true"></i> <a href="#">sept 19, 2020</a>
                                        </li>

                                        <li><a href="#"><i class="far fa-eye"></i>25</a>
                                        </li>
                                    </ul>
                                </div>
                                <h4 class="entry-title"><a href="#">World Cup Fever in India – How Mega-Brands
                                        Are Using SMS</a></h4>
                            </div>
                            <!-- /.entry-header -->
                            <div class="entry-content">
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary</p>
                            </div>
                            <div class="see_more_btn promotion_btn full_width">
                                <ul>
                                    <li>
                                        <a href="{{ route('blog-single') }}"> read more</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- /.entry-content -->
                        </div>
                        <!-- /.blog-content -->
                    </div>
                    <div class="blog-post-wrapper iner_blog">
                        <div class="post-thumbnail">
                            <div id="blogoneSlider" class="carousel slide" data-ride="carousel">
                                <!-- Wrapper for slides -->
                                <div class="carousel-inner" role="listbox">
                                    <div class="carousel-item active">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog_s2.jpg') }}" class="img-responsive " alt="Image">
                                    </div>
                                    <div class="carousel-item">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog_s3.jpg') }}" class="img-responsive " alt="Image">
                                    </div>
                                </div>
                                <!-- Controls -->
                                <a class="left carousel-control" href="#blogoneSlider" role="button" data-slide="prev"> <i class="flaticon-left-arrow" aria-hidden="true"></i>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right carousel-control" href="#blogoneSlider" role="button" data-slide="next"> <i class="flaticon-right-arrow" aria-hidden="true"></i>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                        </div>
                        <!-- /.post-thumbnail -->
                        <div class="blog-content full_width">
                            <div class="entry-header">
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="fa fa-user" aria-hidden="true"></i> <a href="#">author</a>
                                        </li>
                                        <li><i class="fa fa-calendar" aria-hidden="true"></i> <a href="#">sept 19, 2020</a>
                                        </li>

                                        <li><a href="#"><i class="far fa-eye"></i>25</a>
                                        </li>
                                    </ul>
                                </div>
                                <h4 class="entry-title"><a href="#">Bulk Messaging is the dissemination of large SMS</a></h4>
                            </div>
                            <div class="entry-content">
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary</p>
                                <div class="see_more_btn promotion_btn full_width">
                                    <ul>
                                        <li>
                                            <a href="{{ route('blog-single') }}"> read more</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- /.entry-content -->
                        </div>
                        <!-- /.blog-content -->
                    </div>
                    <div class="blog_dark_wrapper full_width"> <a href="#"><i class="fas fa-link"></i></a>
                        <h1>World Cup Fever in India – How Mega-Brands <br>
                            Are Using SMS</h1>
                        <div class="port-single-entry-meta">
                            <ul>
                                <li>
                                    <a href="#"> <i class="fa fa-calendar"></i> 07 feb, 2020</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="blog-post-wrapper iner_blog">
                        <div class="post-thumbnail">
                            <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog_s4.jpg') }}" class="img-responsive " alt="Image">
                        </div>
                        <!-- /.post-thumbnail -->
                        <div class="blog-content full_width">
                            <div class="entry-header">
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="fa fa-user" aria-hidden="true"></i> <a href="#">author</a>
                                        </li>
                                        <li><i class="fa fa-calendar" aria-hidden="true"></i> <a href="#">sept 19, 2020</a>
                                        </li>

                                        <li><a href="#"><i class="far fa-eye"></i>25</a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- /.entry-meta -->
                                <h4 class="entry-title"><a href="#">Research of Learn sms provider task training process</a></h4>
                            </div>
                            <!-- /.entry-header -->
                            <div class="entry-content">
                                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary</p>
                            </div>
                            <div class="see_more_btn promotion_btn full_width">
                                <ul>
                                    <li>
                                        <a href="{{ route('blog-single') }}"> read more</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- /.entry-content -->
                        </div>
                        <!-- /.blog-content -->
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12 blog_single_sidebar">
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>Search feed</h2>
                        </div>
                        <form class="search_form" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search...">
                            </div>
                            <button type="submit"><i class="fa fa-search"></i>
                            </button>
                        </form>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>latest post</h2>
                        </div>
                        <div class="blog_recent_post full_width">
                            <div class="blog_wrapper22 full_width">
                                <div class="blog_image">
                                    <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog1.jpg') }}" class="img-responsive" alt="blog_img1" />
                                </div>
                                <div class="blog_text">
                                    <h5><a href="#">
                                            6 Ways to Grow Your
                                            Database</a></h5>
                                    <div class="blog_date">June 28, 2020</div>
                                </div>
                            </div>
                            <div class="blog_wrapper22 full_width">
                                <div class="blog_image">
                                    <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog2.jpg') }}" class="img-responsive" alt="blog_img2" />
                                </div>
                                <div class="blog_text">
                                    <h5><a href="#">Why should choose
                                            Text-160</a></h5>
                                    <div class="blog_date">June 28, 2020</div>
                                </div>
                            </div>
                            <div class="blog_wrapper22 full_width">
                                <div class="blog_image">
                                    <img src="{{ asset('/themes/eyerecord/pro/resources/images/blog3.jpg') }}" class="img-responsive" alt="blog_img3" />
                                </div>
                                <div class="blog_text">
                                    <h5><a href="#">
                                            6 Ways to Grow Your
                                            Database </a></h5>
                                    <div class="blog_date">June 28, 2020</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>categories</h2>
                        </div>
                        <div class="category_blogbox full_width">
                            <p class="bg_category_select">
                                <input type="checkbox" id="c1" name="cb">
                                <label for="c1">Android
                                    <span> (15)</span></label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c2" name="cb">
                                <label for="c2">
                                    Branding
                                    <span> (14)</span>
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c3" name="cb">
                                <label for="c3">Chatbots
                                    <span> (74)</span>
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c4" name="cb">
                                <label for="c4">Marketing
                                    <span> (57)</span>
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c5" name="cb">
                                <label for="c5">Bussiness
                                    <span> (24)</span> </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c6" name="cb">
                                <label for="c6">Calling
                                    <span> (14)</span> </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c7" name="cb">
                                <label for="c7">Courses <span> (84)</span> </label>
                            </p>

                        </div>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>tags cloud</h2>
                        </div>
                        <div class="sidebar_tag_cloud full_width">
                            <ul>
                                <li><a href="#">android </a>
                                </li>
                                <li><a href="#">landing</a>
                                </li>
                                <li><a href="#">ISO</a>
                                </li>
                                <li><a href="#">marketing</a>
                                </li>
                                <li><a href="#">applications </a>
                                </li>
                                <li><a href="#">store</a>
                                </li>

                                <li><a href="#">customer</a>
                                </li>
                                <li><a href="#">calling</a>
                                </li>

                                <li><a href="#">partners</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>text widget</h2>
                        </div>
                        <div class="text_widget full_width">
                            <p>Sollicitudin, lorem quis bibe u auctor, nisi elit couat ipsu, nec sagittis sem ni id elit. Duis sed odio sit amet.
                                <br>
                                <br>Nibh vulpute cursus. Proin gravida nibh vel velit tor aliquet.</p> <a href="#">http://www.webstrot.com/</a>
                        </div>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>instagram</h2>
                        </div>
                        <ul class="instagram_images full_width">
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery1.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery2.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery3.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery4.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery5.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="instagram_wrapper">
                                    <div class="instagram_img_wrapper">
                                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/galery6.jpg') }}" class="img-responsive" alt="gallery_img">
                                        <div class="instagram_img_overlay">
                                            <div class="instagram_img_overlay_icon"> <i class="fa fa-search" aria-hidden="true"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="sidebar_widget full_width">
                        <div class="widget_heading">
                            <h2>archives</h2>
                        </div>
                        <div class="category_blogbox full_width">
                            <p class="bg_category_select">
                                <input type="checkbox" id="c8" name="cb">
                                <label for="c8">January
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c9" name="cb">
                                <label for="c9">
                                    Fabruary

                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c31" name="cb">
                                <label for="c31">March

                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c41" name="cb">
                                <label for="c41">April

                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c51" name="cb">
                                <label for="c51">May
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c61" name="cb">
                                <label for="c61">June
                                </label>
                            </p>
                            <p class="bg_category_select">
                                <input type="checkbox" id="c71" name="cb">
                                <label for="c71">July</label>
                            </p>

                        </div>

                    </div>
                </div>
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="blog_pagination_section full_width">
                        <ul>
                            <li>
                                <a href="#" class="prev"> <i class="flaticon-left-arrow"></i>
                                </a>
                            </li>
                            <li><a href="#">1</a>
                            </li>
                            <li class="third_pagger"><a href="#">2</a>
                            </li>
                            <li class="d-block d-sm-block d-md-block d-lg-block"><a href="#">3</a>
                            </li>
                            <li class="d-none d-sm-block d-md-block d-lg-block"><a href="#">...</a>
                            </li>
                            <li class="d-none d-sm-block d-md-block d-lg-block"><a href="#">6</a>
                            </li>
                            <li>
                                <a href="#" class="next"> <i class="flaticon-right-arrow"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--blog wrapper end-->
@endsection