@extends('layout.app')
@section('contents')
    <div class="breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h2>Welcome to Adult.com</h2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page"><a href="{{route('homepage')}}">Home</a></li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb End -->


    <!--section start-->
    <div class="alert alert-success col-md-6 mt-5 offset-md-3" role="alert">
        <h4 class="text-center">Welcome to Adult.com</h4>
        <h6 class="text-center">Your Adult.com was successfully created, follow the instructions below to start pinning your sex image and videos</h6>
    </div>
    <div class="row mt-5 offset-md-2">
        <div class="col-md-3">
            <div class="list-group" id="list-tab" role="tablist">
                <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">|About Us</a>
                <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">|How it Works</a>
                <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">|Etiquette</a>
                {{--<a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">|Terms of Use</a>
                <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">|Privacy</a>
                <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">|Help</a>--}}
            </div>
        </div>
        <div class="col-md-6 col-sm-12">
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">
                    <h4>What is Adult.com?</h4>
                    <p style="padding: 10px 10px">
                        <h6>
                        Adult.com allows you to gather, organize and share all your porn! People create pinboards to bookmark all their favorite porn videos & pictures.
                        With just one click, you can pin porn from anywhere on the web and add it to one of your pinboards.

                        You also get to browse pinboards created by other users! Pinboard surfing is a great way to discover new pictures, videos, porn sites and
                        pornstars from people who share your taste.
                         </h6>
                        <h6>
                            Adult.com allows you to gather, organize and share all your porn! People create pinboards to bookmark all their favorite porn videos & pictures.
                            With just one click, you can pin porn from anywhere on the web and add it to one of your pinboards.

                            You also get to browse pinboards created by other users! Pinboard surfing is a great way to discover new pictures, videos, porn sites and
                            pornstars from people who share your taste.
                        </h6>

                    </p>
                </div>
                <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">
                    <p style="padding: 10px 10px">
                        <h6>
                        is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                        when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but
                        also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                        sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                        </h6>
                    </p>
                </div>
                <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">
                    <p style="padding: 10px 10px">
                    <h6>
                        is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
                        when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but
                        also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
                        sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                    </h6>
                    </p>
                </div>
                <hr/>
                <div class="col-md-6">
                    <a href="{{route('splash-screen-two')}}" style="padding: 10px 22px" class=" btn btn-outline-success"><span class="text-lowercase">Continue to Step 2 >></span></a>
                </div>
            </div>
        </div>

    </div>
@endsection