first commit
This commit is contained in:
17
resources/views/pages/general/blank-page.blade.php
Executable file
17
resources/views/pages/general/blank-page.blade.php
Executable file
@ -0,0 +1,17 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@push('plugin-styles')
|
||||
<!-- Plugin css import here -->
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<!-- Page content here -->
|
||||
@endsection
|
||||
|
||||
@push('plugin-scripts')
|
||||
<!-- Plugin js import here -->
|
||||
@endpush
|
||||
|
||||
@push('custom-scripts')
|
||||
<!-- Custom js here -->
|
||||
@endpush
|
||||
94
resources/views/pages/general/faq.blade.php
Executable file
94
resources/views/pages/general/faq.blade.php
Executable file
@ -0,0 +1,94 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Faq</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Frequently Asked Questions</h6>
|
||||
<div class="accordion" id="FaqAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Why is the moon sometimes out during the day?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
<strong>Pariatur cliche reprehenderit,</strong> enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Why is the sky blue?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Will we ever discover aliens?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
High life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFour">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
How much does the Earth weigh?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingFive">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||
How do airplanes stay up?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingSix">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||
How can go to star?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#FaqAccordion">
|
||||
<div class="accordion-body">
|
||||
Richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
117
resources/views/pages/general/invoice.blade.php
Executable file
117
resources/views/pages/general/invoice.blade.php
Executable file
@ -0,0 +1,117 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Invoice</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="container-fluid d-flex justify-content-between">
|
||||
<div class="col-lg-3 ps-0">
|
||||
<a href="#" class="noble-ui-logo d-block mt-3">Noble<span>UI</span></a>
|
||||
<p class="mt-1 mb-1"><b>NobleUI Themes</b></p>
|
||||
<p>108,<br> Great Russell St,<br>London, WC1B 3NA.</p>
|
||||
<h5 class="mt-5 mb-2 text-muted">Invoice to :</h5>
|
||||
<p>Joseph E Carr,<br> 102, 102 Crown Street,<br> London, W3 3PR.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 pe-0">
|
||||
<h4 class="fw-bold text-uppercase text-end mt-4 mb-2">invoice</h4>
|
||||
<h6 class="text-end mb-5 pb-4"># INV-002308</h6>
|
||||
<p class="text-end mb-1">Balance Due</p>
|
||||
<h4 class="text-end fw-normal">$ 72,420.00</h4>
|
||||
<h6 class="mb-0 mt-3 text-end fw-normal mb-2"><span class="text-muted">Invoice Date :</span> 25rd Jan 2023</h6>
|
||||
<h6 class="text-end fw-normal"><span class="text-muted">Due Date :</span> 12th Jul 2023</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid mt-5 d-flex justify-content-center w-100">
|
||||
<div class="table-responsive w-100">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Description</th>
|
||||
<th class="text-end">Quantity</th>
|
||||
<th class="text-end">Unit cost</th>
|
||||
<th class="text-end">Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">1</td>
|
||||
<td class="text-start">PSD to html conversion</td>
|
||||
<td>02</td>
|
||||
<td>$55</td>
|
||||
<td>$110</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">2</td>
|
||||
<td class="text-start">Package design</td>
|
||||
<td>08</td>
|
||||
<td>$34</td>
|
||||
<td>$272</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">3</td>
|
||||
<td class="text-start">Html template development</td>
|
||||
<td>03</td>
|
||||
<td>$500</td>
|
||||
<td>$1500</td>
|
||||
</tr>
|
||||
<tr class="text-end">
|
||||
<td class="text-start">4</td>
|
||||
<td class="text-start">Redesign</td>
|
||||
<td>01</td>
|
||||
<td>$30</td>
|
||||
<td>$30</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid mt-5 w-100">
|
||||
<div class="row">
|
||||
<div class="col-md-6 ms-auto">
|
||||
<div class="table-responsive">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Sub Total</td>
|
||||
<td class="text-end">$ 14,900.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>TAX (12%)</td>
|
||||
<td class="text-end">$ 1,788.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-bold-800">Total</td>
|
||||
<td class="text-bold-800 text-end"> $ 16,688.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Payment Made</td>
|
||||
<td class="text-danger text-end">(-) $ 4,688.00</td>
|
||||
</tr>
|
||||
<tr class="bg-light">
|
||||
<td class="text-bold-800">Balance Due</td>
|
||||
<td class="text-bold-800 text-end">$ 12,000.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid w-100">
|
||||
<a href="javascript:;" class="btn btn-primary float-end mt-4 ms-2"><i data-feather="send" class="me-3 icon-md"></i>Send Invoice</a>
|
||||
<a href="javascript:;" class="btn btn-outline-primary float-end mt-4"><i data-feather="printer" class="me-2 icon-md"></i>Print</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
142
resources/views/pages/general/pricing.blade.php
Executable file
142
resources/views/pages/general/pricing.blade.php
Executable file
@ -0,0 +1,142 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">Special pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Pricing</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2 class="text-center mb-3 mt-4">Choose a plan</h2>
|
||||
<p class="text-muted text-center mb-4 pb-2">Choose the features and functionality your team need today. Easily upgrade as your company grows.</p>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 stretch-card grid-margin grid-margin-md-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Basic</h4>
|
||||
<i data-feather="award" class="text-primary icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$40</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-primary text-center mb-4">Up to 25 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-primary mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 stretch-card grid-margin grid-margin-md-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Business</h4>
|
||||
<i data-feather="gift" class="text-success icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$70</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-success text-center mb-4">Up to 75 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="x" class="icon-md text-danger me-2"></i></td>
|
||||
<td><p class="text-muted">Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-success mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 stretch-card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="text-center mt-3 mb-4">Professional</h4>
|
||||
<i data-feather="briefcase" class="text-primary icon-xxl d-block mx-auto my-3"></i>
|
||||
<h1 class="text-center">$250</h1>
|
||||
<p class="text-muted text-center mb-4 fw-light">per month</p>
|
||||
<h5 class="text-primary text-center mb-4">Up to 300 units</h5>
|
||||
<table class="mx-auto">
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Accounting dashboard</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Invoicing</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Online payments</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Branded website</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Dedicated account manager</p></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i data-feather="check" class="icon-md text-primary me-2"></i></td>
|
||||
<td><p>Premium apps</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="d-grid">
|
||||
<button class="btn btn-primary mt-4">Start free trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
327
resources/views/pages/general/profile.blade.php
Executable file
327
resources/views/pages/general/profile.blade.php
Executable file
@ -0,0 +1,327 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-12 grid-margin">
|
||||
<div class="card">
|
||||
<div class="position-relative">
|
||||
<figure class="overflow-hidden mb-0 d-flex justify-content-center">
|
||||
<img src="{{ url('https://via.placeholder.com/1300x272') }}"class="rounded-top" alt="profile cover">
|
||||
</figure>
|
||||
<div class="d-flex justify-content-between align-items-center position-absolute top-90 w-100 px-2 px-md-4 mt-n4">
|
||||
<div>
|
||||
<img class="wd-70 rounded-circle" src="{{ url('https://via.placeholder.com/70x70') }}" alt="profile">
|
||||
<span class="h4 ms-3 text-dark">Amiah Burton</span>
|
||||
</div>
|
||||
<div class="d-none d-md-block">
|
||||
<button class="btn btn-primary btn-icon-text">
|
||||
<i data-feather="edit" class="btn-icon-prepend"></i> Edit profile
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center p-3 rounded-bottom">
|
||||
<ul class="d-flex align-items-center m-0 p-0">
|
||||
<li class="d-flex align-items-center active">
|
||||
<i class="me-1 icon-md text-primary" data-feather="columns"></i>
|
||||
<a class="pt-1px d-none d-md-block text-primary" href="#">Timeline</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="user"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">About</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="users"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Friends <span class="text-muted tx-12">3,765</span></a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="image"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Photos</a>
|
||||
</li>
|
||||
<li class="ms-3 ps-3 border-start d-flex align-items-center">
|
||||
<i class="me-1 icon-md" data-feather="video"></i>
|
||||
<a class="pt-1px d-none d-md-block text-body" href="#">Videos</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row profile-body">
|
||||
<!-- left wrapper start -->
|
||||
<div class="d-none d-md-block col-md-4 col-xl-3 left-wrapper">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center justify-content-between mb-2">
|
||||
<h6 class="card-title mb-0">About</h6>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link p-0" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="edit-2" class="icon-sm me-2"></i> <span class="">Edit</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="git-branch" class="icon-sm me-2"></i> <span class="">Update</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="eye" class="icon-sm me-2"></i> <span class="">View all</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>Hi! I'm Amiah the Senior UI Designer at NobleUI. We hope you enjoy the design and quality of Social.</p>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Joined:</label>
|
||||
<p class="text-muted">November 15, 2015</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Lives:</label>
|
||||
<p class="text-muted">New York, USA</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Email:</label>
|
||||
<p class="text-muted">me@nobleui.com</p>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="tx-11 fw-bolder mb-0 text-uppercase">Website:</label>
|
||||
<p class="text-muted">www.nobleui.com</p>
|
||||
</div>
|
||||
<div class="mt-3 d-flex social-links">
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="github"></i>
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="twitter"></i>
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-icon border btn-xs me-2">
|
||||
<i data-feather="instagram"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- left wrapper end -->
|
||||
<!-- middle wrapper start -->
|
||||
<div class="col-md-8 col-xl-6 middle-wrapper">
|
||||
<div class="row">
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">1 min ago</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg pb-3px" data-feather="more-horizontal"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="meh" class="icon-sm me-2"></i> <span class="">Unfollow</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="corner-right-up" class="icon-sm me-2"></i> <span class="">Go to post</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="share-2" class="icon-sm me-2"></i> <span class="">Share</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="copy" class="icon-sm me-2"></i> <span class="">Copy link</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="mb-3 tx-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus minima delectus nemo unde quae recusandae assumenda.</p>
|
||||
<img class="img-fluid" src="{{ url('https://via.placeholder.com/513x365') }}" alt="">
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="d-flex post-actions">
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="heart"></i>
|
||||
<p class="d-none d-md-block ms-2">Like</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="message-square"></i>
|
||||
<p class="d-none d-md-block ms-2">Comment</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted">
|
||||
<i class="icon-md" data-feather="share"></i>
|
||||
<p class="d-none d-md-block ms-2">Share</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card rounded">
|
||||
<div class="card-header">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">5 min ago</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link p-0" type="button" id="dropdownMenuButton3" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="icon-lg pb-3px" data-feather="more-horizontal"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="meh" class="icon-sm me-2"></i> <span class="">Unfollow</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="corner-right-up" class="icon-sm me-2"></i> <span class="">Go to post</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="share-2" class="icon-sm me-2"></i> <span class="">Share</span></a>
|
||||
<a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="copy" class="icon-sm me-2"></i> <span class="">Copy link</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="mb-3 tx-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
|
||||
<img class="img-fluid" src="{{ url('https://via.placeholder.com/513x365') }}" alt="">
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="d-flex post-actions">
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="heart"></i>
|
||||
<p class="d-none d-md-block ms-2">Like</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted me-4">
|
||||
<i class="icon-md" data-feather="message-square"></i>
|
||||
<p class="d-none d-md-block ms-2">Comment</p>
|
||||
</a>
|
||||
<a href="javascript:;" class="d-flex align-items-center text-muted">
|
||||
<i class="icon-md" data-feather="share"></i>
|
||||
<p class="d-none d-md-block ms-2">Share</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- middle wrapper end -->
|
||||
<!-- right wrapper start -->
|
||||
<div class="d-none d-xl-block col-xl-3">
|
||||
<div class="row">
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">latest photos</h6>
|
||||
<div class="row ms-0 me-0">
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-2">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
<a href="javascript:;" class="col-md-4 ps-1 pe-1">
|
||||
<figure class="mb-0">
|
||||
<img class="img-fluid rounded" src="{{ url('https://via.placeholder.com/77x77') }}" alt="">
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 grid-margin">
|
||||
<div class="card rounded">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">suggestions for you</h6>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between mb-2 pb-2 border-bottom">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="d-flex align-items-center hover-pointer">
|
||||
<img class="img-xs rounded-circle" src="{{ url('https://via.placeholder.com/37x37') }}" alt="">
|
||||
<div class="ms-2">
|
||||
<p>Mike Popescu</p>
|
||||
<p class="tx-11 text-muted">12 Mutual Friends</p>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-icon btn-link"><i data-feather="user-plus" class="text-muted"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- right wrapper end -->
|
||||
</div>
|
||||
@endsection
|
||||
40
resources/views/pages/general/timeline.blade.php
Executable file
40
resources/views/pages/general/timeline.blade.php
Executable file
@ -0,0 +1,40 @@
|
||||
@extends('layout.master')
|
||||
|
||||
@section('content')
|
||||
<nav class="page-breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="#">General pages</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Timeline</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Timeline</h6>
|
||||
<div id="content">
|
||||
<ul class="timeline">
|
||||
<li class="event" data-date="12:30 - 1:00pm">
|
||||
<h3 class="title">Registration</h3>
|
||||
<p>Get here on time, it's first come first serve. Be late, get turned away.</p>
|
||||
</li>
|
||||
<li class="event" data-date="2:30 - 4:00pm">
|
||||
<h3 class="title">Opening Ceremony</h3>
|
||||
<p>Get ready for an exciting event, this will kick off in amazing fashion with MOP & Busta Rhymes as an opening show.</p>
|
||||
</li>
|
||||
<li class="event" data-date="5:00 - 8:00pm">
|
||||
<h3 class="title">Main Event</h3>
|
||||
<p>This is where it all goes down. You will compete head to head with your friends and rivals. Get ready!</p>
|
||||
</li>
|
||||
<li class="event" data-date="8:30 - 9:30pm">
|
||||
<h3 class="title">Closing Ceremony</h3>
|
||||
<p>See how is the victor and who are the losers. The big stage is where the winners bask in their own glory.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user