Gecko [ thecigaretteboxes.com ]

/ var / www / noahpromax.com / source / resources / views / [ HOME SHELL ]

Name	Size	Permission	Action
admin	[ DIR ]	drwxr-xr-x
client_panel	[ DIR ]	drwxr-xr-x
emails	[ DIR ]	drwxr-xr-x
errors	[ DIR ]	drwxr-xr-x
exports	[ DIR ]	drwxr-xr-x
layouts	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
about_us.blade.php	113 B	-rw-r--r--
blogs.blade.php	3.89 KB	-rw-r--r--
contact_us.blade.php	9.79 KB	-rw-r--r--
index.blade.php	15.19 KB	-rw-r--r--
index_old.blade.php	940 B	-rw-r--r--
portfolio.blade.php	14.99 KB	-rw-r--r--
post.blade.php	4.18 KB	-rw-r--r--
practice_area.blade.php	2.1 KB	-rw-r--r--
privacy_security.blade.php	876 B	-rw-r--r--
projects.blade.php	1.68 KB	-rw-r--r--
review.blade.php	9.18 KB	-rw-r--r--
search.blade.php	13.68 KB	-rw-r--r--
service_detail.blade.php	2.88 KB	-rw-r--r--
services.blade.php	4.55 KB	-rw-r--r--
sitemap.blade.php	4.12 KB	-rw-r--r--
sitemapxml.blade.php	2.34 KB	-rw-r--r--
templates.blade.php	42.18 KB	-rw-r--r--
terms.blade.php	988 B	-rw-r--r--
thank_you.blade.php	1.07 KB	-rw-r--r--
welcome.blade.php	72.5 KB	-rw-r--r--

Code Editor : review.blade.php

@extends('layouts.app
')
@section('contents')
<style>
    .app {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .app .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

.item {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        user-select: none;
    }
    .radio {
        display: none;
    }
    .radio ~ span {
        font-size: 2rem;
        filter: grayscale(100);
        cursor: pointer;
        transition: 0.3s;
    }

.radio:checked ~ span {
        filter: grayscale(0);
        font-size: 3rem;
    }
h1{

font-size: 16px !important;
}.heading{
     font-size: 22px !important;

}
    </style>
  </head>
  <body>
    <div class="main-block pt-5 pb-5 container">
        <div id="get_quote" action="{{ route('post_review') }}" method="post">
            @csrf
           <h1 class="text-center pb-4 heading">To what extend do you agree with the following statement.</h1>
            <div class="app">
                <h1>
                    “OXO Packaging provides unparalleled customer support!”
                </h1>

<div class="container">
                    <div class="item">
                        <label for="q1">
                            <input class="radio" type="radio" name="q1" id="q1" value="1">
                            <span>🤬</span>
                        </label>
                    </div>

<div class="item">
                        <label for="q2">
                            <input class="radio" type="radio" name="q1" id="q2" value="2">
                            <span>🙁</span>
                        </label>
                    </div>

<div class="item">
                        <label for="q3">
                            <input class="radio" type="radio" name="q1" id="q3" value="3">
                            <span>😶</span>
                        </label>
                    </div>

<div class="item">
                        <label for="q4">
                            <input class="radio" type="radio" name="q1" id="q4" value="4">
                            <span>🙂</span>
                        </label>
                    </div>

<div class="item">
                        <label for="q5">
                            <input class="radio" type="radio" name="q1" id="q5" value="5">
                            <span>😍</span>
                        </label>
                    </div>

</div>
            </div>

<div class="app">
                <h1>	How would you rate the value of money for your boxes?</h1>

<div class="container">
                    <div class="item">
                        <label for="qa1">
                            <input class="radio" type="radio" name="qa1" id="qa1" value="1">
                            <span>🤬</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qa2">
                            <input class="radio" type="radio" name="qa1" id="qa2" value="2">
                            <span>🙁</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qa3">
                            <input class="radio" type="radio" name="qa1" id="qa3" value="3">
                            <span>😶</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qa4">
                            <input class="radio" type="radio" name="qa1" id="qa4" value="4">
                            <span>🙂</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qa5">
                            <input class="radio" type="radio" name="qa1" id="qa5" value="5">
                            <span>😍</span>
                        </label>
                    </div>

</div>
            </div>

<div class="app">
                <h1>	How likely is it that you would recommend ‘OXO Packaging” to others? </h1>

<div class="container">
                    <div class="item">
                        <label for="qaa1">
                            <input class="radio" type="radio" name="qa2" id="qaa1" value="1">
                            <span>🤬</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaa2">
                            <input class="radio" type="radio" name="qa2" id="qaa2" value="2">
                            <span>🙁</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaa3">
                            <input class="radio" type="radio" name="qa2" id="qaa3" value="3">
                            <span>😶</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaa4">
                            <input class="radio" type="radio" name="qa2" id="qaa4" value="4">
                            <span>🙂</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaa5">
                            <input class="radio" type="radio" name="qa2" id="qaa5" value="5">
                            <span>😍</span>
                        </label>
                    </div>

</div>
            </div>
            <div class="app">
                <h1>How would you rate the value of money for your boxes?</h1>

<div class="container">
                    <div class="item">
                        <label for="qaaa1">
                            <input class="radio" type="radio" name="qa4" id="qaaa1" value="1">
                            <span>🤬</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaa2">
                            <input class="radio" type="radio" name="qa4" id="qaaa2" value="2">
                            <span>🙁</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaa3">
                            <input class="radio" type="radio" name="qa4" id="qaaa3" value="3">
                            <span>😶</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaa4">
                            <input class="radio" type="radio" name="qa4" id="qaaa4" value="4">
                            <span>🙂</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaa5">
                            <input class="radio" type="radio" name="qa4" id="qaaa5" value="5">
                            <span>😍</span>
                        </label>
                    </div>

</div>
            </div>
            <div class="app">
                <h1>	Have you encountered any kind of friction while placing an order?</h1>

<div class="container">
                    <div class="item">
                        <label for="qaaaa1">
                            <input class="radio" type="radio" name="qa5" id="qaaaa1" value="1">
                            <span>🤬</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaaa2">
                            <input class="radio" type="radio" name="qa5" id="qaaaa2" value="2">
                            <span>🙁</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaaa3">
                            <input class="radio" type="radio" name="qa5" id="qaaaa3" value="3">
                            <span>😶</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaaa4">
                            <input class="radio" type="radio" name="qa5" id="qaaaa4" value="4">
                            <span>🙂</span>
                        </label>
                    </div>

<div class="item">
                        <label for="qaaaa5">
                            <input class="radio" type="radio" name="qa5" id="qaaaa5" value="5">
                            <span>😍</span>
                        </label>
                    </div>

</div>
            </div>
<div class="col-md-12 text-center py-3">
<button type="submit"  class="btn btn-warning">submit</button>
</div>

</form>
    </div>
  </body>

@endsection