@extends('layouts.masterlayout')
@section('content')
<section class="cth-search-highlight-box">
            <div class="container search-everything">
                <div class="row">
                    <div class="col-12">
                        <h3 class="">Find Top Colleges, Discover Courses & Exams, Get <br> Admission In The College Best Fit For You</h3>
                        <form>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <div class="input-group-text"><i class="fas fa-search"></i></div>
                                </div>
                                <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="What are you looking for?">
                                <button type="submit" class="btn btn-danger">Search</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="container-fluid highlights">
                <div class="row no-gutters">
                    <div class="col-3">
                        <div class="hl-list">
                            <img src="{{url('frontend/images/college.png')}}" alt="" />
                            <h5>Mahila Degree College<br><span>Explore a variety of fresh topics</span></h5>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="hl-list">
                            <img src="{{url('frontend/images/university-icon.png')}}" alt="" />
                            <h5>Lucknow University<br><span>Find the right instructor for you</span></h5>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="hl-list">
                            <img src="{{url('frontend/images/college.png')}}" alt="" />
                            <h5>Mahila Degree College<br><span>Explore a variety of fresh topics</span></h5>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="hl-list">
                            <img src="{{url('frontend/images/university-icon.png')}}" alt="" />
                            <h5>Lucknow University<br><span>Find the right instructor for you</span></h5>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="cth-catlist-box">
            <div class="container">
                <div class="row mt-5">
                    <div class="col-12">
                        <h2 class="box-title text-center">Explore Almost Everything Here</h2>
                        <p class="box-description text-center">College Tour is an extensive search engine for the students, parents, and education industry <br>players who are seeking information.</p>
                    </div>
                </div>
                <div class="row mb-5 no-gutters">
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/engineering-icon.png')}}" alt="Engineering" /><br><strong>Engineering</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/commerce-banking-icon.png')}}" alt="Commerce & Banking" /><br><strong>Commerce & Banking</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/management-icon.png')}}" alt="Management" /><br><strong>Management</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/medical-icon.png')}}" alt="Medical" /><br><strong>Medical</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/sciences-icon.png')}}" alt="Sciences" /><br><strong>Sciences</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/hotel-management-icon.png')}}" alt="Hotel Management" /><br><strong>Hotel Management</strong><br><span>296 Colleges</span></a></div></div>                    
                    <div class="w-100"></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/information-tech-icon.png')}}" alt="Information Tech" /><br><strong>Information Tech</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/nursing-icon.png')}}" alt="Nursing" /><br><strong>Nursing</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/art-humanities-icon.png')}}" alt="Art & Humanities" /><br><strong>Art & Humanities</strong><br><span>296 Colleges</span></span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/agriculture-icon.png')}}" alt="Agriculture" /><br><strong>Agriculture</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/design-icon.png')}}" alt="Design" /><br><strong>Design</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/mass-communication-icon.png')}}" alt="Mass Communication" /><br><strong>Mass Communication</strong><br><span>296 Colleges</span></a></div></div>                    
                    <div class="w-100"></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/law-icon.png')}}" alt="Law" /><br><strong>Law</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/education-icon.png')}}" alt="Education" /><br><strong>Education</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/artist-icon.png')}}" alt="Artist" /><br><strong>Artist</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/hospitality-icon.png')}}" alt="Hospitality" /><br><strong>Hospitality</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('frontend/images/dental-icon.png')}}" alt="Dental" /><br><strong>Dental</strong><br><span>296 Colleges</span></a></div></div>
                    <div class="col-2"><div class="cat-items"><a href="#"><img src="{{url('images/pharmacy-icon.png')}}" alt="Pharmacy" /><br><strong>Pharmacy</strong><br><span>296 Colleges</span></a></div></div>
                </div>
            </div>
        </section>        

        <section class="cth-collegeslider-box">
            <div class="container">
                <div class="row no-gutters">
                    <div class="col-12">VIT Bhopal University, Bhopal (view details) - Slider</div>
                </div>
            </div>
        </section>        

        <section class="cth-trendingfeature-box">
            <div class="container trending-tabs pt-5 pb-5">
                <div class="row">
                    <div class="col-4"><a href="#">Trending Colleges</a></div>
                    <div class="col-4"><a href="#">Trending Courses</a></div>
                    <div class="col-4"><a href="#">Trending Exams</a></div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="box-title text-center">Are you looking for the right course? Find them here.</h2>
                        <p class="box-description text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                    </div>
                </div>
            </div>
            <div class="container-fluid top-features">
                <div class="row no-gutters">
                    <div class="col-3"><div class="f-box fpix1"><a href="#">Top Engineering College</a></div></div>
                    <div class="col-3"><div class="f-box fpix2"><a href="#">Top Management College</a></div></div>
                    <div class="col-3"><div class="f-box fpix3"><a href="#">Top Medical Colleges</a></div></div>
                    <div class="col-3"><div class="f-box fpix4"><a href="#">Top Distance MBA colLeges</a></div></div>
                    <div class="w-100"></div>
                    <div class="col-3"><div class="f-box fpix5"><a href="#">Get Expert Guidance</a></div></div>
                    <div class="col-3"><div class="f-box fpix6"><a href="#">Rank Predictor</a></div></div>
                    <div class="col-3"><div class="f-box fpix7"><a href="#">College Predictor</a></div></div>
                    <div class="col-3"><div class="f-box fpix8"><a href="#">Forum</a></div></div>
                </div>
            </div>
        </section>

        <section class="cth-blogs-box pt-5 pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="box-title text-center">Best Blog Till Date</h2>
                        <p class="box-description text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
                    </div>
                </div>
                <div class="row no-gutters">
                    <div class="col-4">
                        <div class="blog-post br-bt">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix1.jpg')}}" alt="Post Image" /></div>
                                <div class="col-7"><span>NewsWire</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="blog-post br-bt">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix2.jpg')}}" alt="Post Image" /></div>
                                <div class="col-7"><span>Buzz</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="blog-post br-bt">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix3.jpg')}}" alt="Post Image" /></div>
                                <div class="col-7"><span>NewsWire</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                    <div class="w-100"></div>
                    <div class="col-4">
                        <div class="blog-post">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix4.jpg')}}" alt="Post Image" /></div>
                                <div class="col-7"><span>Entertainment</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="blog-post">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix5.jpg')}}" alt="Post Image" /></div>
                                <div class="col-7"><span>lifestyle</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="blog-post">
                            <div class="row no-gutters">
                                <div class="col-auto"><img src="{{url('frontend/images/blog-pix6.jpg')}}" alt="Blog Image" /></div>
                                <div class="col-7"><span>Entertainment</span><p><a href="#">Inarritu, Scott get Directors Guild nods ahead of Oscar</a></p></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="cth-newsupdate-box pt-5 pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="box-title text-center">Know what’s happening around. Read latest update.</h2>
                    </div>
                </div>
                <div class="row no-gutters">
                    <div class="col-3">
                        <div class="news-post">
                            <img src="{{url('frontend/images/news-pix1.jpg')}}" alt="News Image" />
                            <span>On February 23, 2018</span>
                            <h5>5 Ways to Know If You’re Making Less Than Your Coworkers</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...</p>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="news-post">
                            <img src="{{url('frontend/images/news-pix2.jpg')}}" alt="News Image" />
                            <span>On February 23, 2018</span>
                            <h5>5 Ways to Know If You’re Making Less Than Your Coworkers</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...</p>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="news-post">
                            <img src="{{url('frontend/images/news-pix3.jpg')}}" alt="News Image" />
                            <span>On February 23, 2018</span>
                            <h5>5 Ways to Know If You’re Making Less Than Your Coworkers</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...</p>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="news-post mr-0">
                            <img src="{{url('frontend/images/news-pix4.jpg')}}" alt="News Image" />
                            <span>On February 23, 2018</span>
                            <h5>5 Ways to Know If You’re Making Less Than Your Coworkers</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna...</p>
                        </div>
                    </div>
                </div>                
            </div>
        </section>

        <section class="cth-courseslink-box pt-5 pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="box-title text-center">Choose which course you want to parsue</h2>
                    </div>                
                </div>
                <div class="row">
                    <div class="col-12">
                        <ul class="course-links">
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                            <li>BE/B.Tech</li><li>Bachelors in Vocational Courses</li><li>M.Sc (Hotel Management)</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="cth-provides-box pt-5 pb-5">
            <div class="container">
                <div class="row  mt-3">
                    <div class="col-12">
                        <h2 class="box-title text-center">We Provide</h2>
                    </div>             
                </div>
                <div class="row provided-list mt-3">
                    <div class="col"><strong>99</strong><br><span>Universities</span></div>
                    <div class="col"><strong>100</strong><br><span>Colleges</span></div>
                    <div class="col"><strong>189</strong><br><span>Courses</span></div>
                    <div class="col"><strong>1990</strong><br><span>Exams</span></div>
                    <div class="col"><strong>2500+</strong><br><span>Students</span></div>                    
                </div>
            </div>
        </section>

        <section class="cth-newsletter-box pt-5 pb-5">
            <div class="container">
                <div class="row mt-5 mb-4">
                    <div class="col-12">
                        <h2 class="box-title text-center">Subscribe Our Newsletter</h2>
                    </div>             
                </div>
                <div class="row justify-content-center mb-5 newsletter-form">
                    <div class="col-7">
                        <form>
                            <div class="input-group">
                                <input type="text" class="form-control" id="newsletter" placeholder="Enter your email address">
                                <button type="submit" class="btn btn-primary">Subscribe</button>
                            </div>
                        </form>
                        <p class="desc text-center">Aenean interdum ultricies justo, ut vehicula erat dignissim ac. Aliquam condimentum lectus libero, eu semper arcu eleifend quis. Duis quam massa, posuere ac tempus eu, accumsan sed augue. Suspendisse scelerisque.</p>
                    </div>
                </div>
            </div>
        </section>
     @endsection