master
parent
d1d8281711
commit
3798a71ea7
|
|
@ -2,18 +2,341 @@
|
|||
@section('content')
|
||||
|
||||
|
||||
<main class="single-project pt-50 style-5">
|
||||
|
||||
<!-- ====== start about ====== -->
|
||||
<section class="about-app style-5">
|
||||
<div class="container">
|
||||
<div class="content text-center">
|
||||
<h1 class="color-000 mb-50">{{$content->title}}</h1>
|
||||
<div class="about-cards border-bottom brd-gray">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<div class="about-card mb-30 mb-lg-0">
|
||||
<small class="d-block">
|
||||
client
|
||||
</small>
|
||||
<h6>
|
||||
Micosoft Holding Ltd, <br> Australia Area
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="about-card mb-30 mb-lg-0">
|
||||
<small class="d-block">
|
||||
services
|
||||
</small>
|
||||
<h6>
|
||||
IT Consultation, UI/UX Design, Cloud Service
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="about-card mb-30 mb-lg-0">
|
||||
<small class="d-block">
|
||||
date
|
||||
</small>
|
||||
<h6>
|
||||
Feburary 25th, 2022
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="about-card mb-30 mb-lg-0">
|
||||
<small class="d-block">
|
||||
team
|
||||
</small>
|
||||
<h6>
|
||||
Logan Cee - Designer <br> Martin Moussa - iOS Developer
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img-content pt-70 pb-70 border-bottom brd-gray overflow-hidden">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<div class="img text-center">
|
||||
<img src="assets/img/single_project/2mobs.png" alt="" class="main-img">
|
||||
<img src="assets/img/single_project/bubbls.png" alt="" class="bubbls">
|
||||
<img src="assets/img/single_project/circle.png" alt="" class="circle">
|
||||
</div>
|
||||
<div class="info mt-30">
|
||||
<h5 class="lh-4">
|
||||
Stay focused and productive with a clean and clutter-free note space. The flexible ways to organize your notes: hashtags, nested notebooks, pinning notes to the top of the note list, etc
|
||||
</h5>
|
||||
<a href="#" class="color-blue4 mt-60">https://example.domain</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ====== end about ====== -->
|
||||
|
||||
|
||||
<!-- ====== start challenge ====== -->
|
||||
<div class="challenge section-padding style-5 overflow-hidden">
|
||||
<div class="container">
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-4">
|
||||
<div class="section-head style-4">
|
||||
<h2 class=""> Our <br> <span> Challenge </span> </h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="inf">
|
||||
<div class="text color-666 mb-20">
|
||||
Create an unconventional yet user-friendly website – innovative, with a clean & simple design that communicates and showcases multi-media content. Site that spreads the message: "It’s stories your love.”
|
||||
</div>
|
||||
<ul class="color-000">
|
||||
<li class="d-flex mb-10">
|
||||
<i class="bi bi-dot fs-6 me-2"></i>
|
||||
Develop easy-to-find and easy-to-navigate mobile friendly website
|
||||
</li>
|
||||
<li class="d-flex mb-10">
|
||||
<i class="bi bi-dot fs-6 me-2"></i>
|
||||
Showcase each type of content: interactive books, animated stories and picture books, audio stories. <br> Create an experience people want to share with others
|
||||
</li>
|
||||
<li class="d-flex mb-10">
|
||||
<i class="bi bi-dot fs-6 me-2"></i>
|
||||
Persuade to download app and subscribe
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="imgs mt-60 mb-100">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="img img-cover rounded-3 overflow-hidden mb-30 mb-lg-0">
|
||||
<img src="assets/img/single_project/ch_1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="img img-cover rounded-3 overflow-hidden">
|
||||
<img src="assets/img/single_project/ch_2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row gx-5">
|
||||
<div class="col-lg-4">
|
||||
<div class="section-head style-4">
|
||||
<h2 class=""> Solution & <br> <span> Result </span> </h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="inf">
|
||||
<div class="text color-666 mb-10">
|
||||
Our approach was to present the site as a visual editorial platform with quarterly features based on events and occasions the brand was focused on. Each quarterly focus would be marked by the hero and custom tags that filter content.
|
||||
</div>
|
||||
<div class="text color-666 mb-20">
|
||||
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.
|
||||
</div>
|
||||
<div class="color-000 mt-50">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex mb-20 fw-bold">
|
||||
<div class="icon-20 d-inline-flex justify-content-center align-items-center rounded-circle overflow-hidden bg-blue4 text-white flex-shrink-0 me-3">
|
||||
<i class="bi bi-check"></i>
|
||||
</div>
|
||||
Create & Save your notes with multi-media
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex mb-20 fw-bold">
|
||||
<div class="icon-20 d-inline-flex justify-content-center align-items-center rounded-circle overflow-hidden bg-blue4 text-white flex-shrink-0 me-3">
|
||||
<i class="bi bi-check"></i>
|
||||
</div>
|
||||
Complete note editor with rich text options
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex mb-20 mb-lg-0 fw-bold">
|
||||
<div class="icon-20 d-inline-flex justify-content-center align-items-center rounded-circle overflow-hidden bg-blue4 text-white flex-shrink-0 me-3">
|
||||
<i class="bi bi-check"></i>
|
||||
</div>
|
||||
Web Clipper Extension
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex mb-0 fw-bold">
|
||||
<div class="icon-20 d-inline-flex justify-content-center align-items-center rounded-circle overflow-hidden bg-blue4 text-white flex-shrink-0 me-3">
|
||||
<i class="bi bi-check"></i>
|
||||
</div>
|
||||
Automatically sync in real time
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ====== end challenge ====== -->
|
||||
|
||||
|
||||
<!-- ====== start screenshots ====== -->
|
||||
<div class="screenshots style-4">
|
||||
<div class="screenshots-slider style-4">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="img">
|
||||
<img src="assets/img/screenshots/1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="img">
|
||||
<img src="assets/img/screenshots/2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="img">
|
||||
<img src="assets/img/screenshots/3.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="img">
|
||||
<img src="assets/img/screenshots/4.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="img">
|
||||
<img src="assets/img/screenshots/5.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="assets/img/screenshots/hand.png" alt="" class="mob-hand">
|
||||
</div>
|
||||
<!-- ====== end screenshots ====== -->
|
||||
|
||||
|
||||
<!-- ====== start about ====== -->
|
||||
<section class="about-app style-5">
|
||||
<div class="container">
|
||||
<div class="content text-center">
|
||||
<div class="img-content pt-70 pb-100 border-bottom brd-gray">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="info mt-30">
|
||||
<h5 class="lh-4">
|
||||
“The team at <a href="#" class="color-blue4" >@iteck</a> is incredibly dedicated, knowledgeable, and helpful. The finished product was beautiful, and worth every penny. I would absolutely recommend Moonex Labs.”
|
||||
</h5>
|
||||
<a href="#" class="mt-60 color-666 fs-12px text-uppercase">- <strong class="color-000">Jhon henry </strong> , ceo at notero jsc - </a>
|
||||
<div class="share mt-100">
|
||||
<span class="color-999 fs-12px text-uppercase d-block"> share this project </span>
|
||||
<a href="#" class="social-icon hover-blue4">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon hover-blue4">
|
||||
<i class="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon hover-blue4">
|
||||
<i class="fab fa-pinterest"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon hover-blue4">
|
||||
<i class="fab fa-goodreads-g"></i>
|
||||
</a>
|
||||
<a href="#" class="social-icon hover-blue4">
|
||||
<i class="fab fa-linkedin-in"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="next-prog section-padding">
|
||||
<h5 class="color-999 text-uppercase fw-light">next project</h5>
|
||||
<a href="#" class="color-000 fs-1 fw-bold mt-20">Criftocy Landing Page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ====== end about ====== -->
|
||||
|
||||
<!-- ====== start projects ====== -->
|
||||
<section class="projects style-6 p-0">
|
||||
<div class="content section-padding rounded-0">
|
||||
<div class="container">
|
||||
<div class="section-head text-center mb-60 style-4">
|
||||
<h2 class="mb-20"> Related <span> Projects </span> </h2>
|
||||
<p>We have an experienced team of production and inspection personnel to ensure quality.</p>
|
||||
</div>
|
||||
<div class="slider-3items slider-style-6">
|
||||
<div class="swiper-container pb-0">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
@foreach($contents as $indexContent => $content)
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="project-card style-6">
|
||||
<div class="img">
|
||||
<img src="{{ asset('uploads/' . $content->image) }}" alt="">
|
||||
</div>
|
||||
<div class="info">
|
||||
<h3 class="title"><a href="page-single-project-5.html">{{$content->title}}</a></h3>
|
||||
<small class="color-blue6"><a href="#">SEO analysis</a></small>
|
||||
<div class="text">
|
||||
Trust our top minds to eliminate workflow pain points, implement new
|
||||
tech & app.
|
||||
</div>
|
||||
<div class="tags">
|
||||
<span><a href="#">SEO Analysis</a></span>
|
||||
<span><a href="#">Content Strategy</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="project-card style-6">
|
||||
<div class="img">
|
||||
<img src="assets/img/projects/5.png" alt="">
|
||||
</div>
|
||||
<div class="info">
|
||||
<h3 class="title"><a href="#">e-Commerce Dashboard</a></h3>
|
||||
<small class="color-blue6"><a href="#">website design</a> & <a href="#">develoment</a></small>
|
||||
<div class="text">
|
||||
Trust our top minds to eliminate workflow pain points, implement new
|
||||
tech & app.
|
||||
</div>
|
||||
<div class="tags">
|
||||
<span><a href="#">WordPress</a></span>
|
||||
<span><a href="#">PHP</a></span>
|
||||
<span><a href="#">HTML/CSS</a></span>
|
||||
<span><a href="#">Figma</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ====== arrows ====== -->
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ====== end projects ====== -->
|
||||
|
||||
</main>
|
||||
|
||||
<div class="container" style="margin-top: 80px;">
|
||||
|
||||
<div class="row">
|
||||
|
||||
|
||||
<div class="col-12">
|
||||
<h1 class="mb-5">{{$content->title}}</h1>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-12 col-md-9">
|
||||
|
||||
|
||||
|
|
@ -167,60 +490,6 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<hr>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<h2>Other Themes</h2>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
@foreach($contents as $indexContent => $content)
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-5">
|
||||
<a href="{{ route_content($content) }}" class="text-decoration-none text-dark">
|
||||
<div class="card shadow-lg">
|
||||
|
||||
@if ($content->image)
|
||||
<img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy">
|
||||
@else
|
||||
<img class="rounded-top img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
|
||||
@endif
|
||||
|
||||
<div class="card-body">
|
||||
<h2 class="fs-5">{{$content->title}}</h2>
|
||||
<a href="{{ route('users.show', [$content->user->slug]) }}" class="text-decoration-none">
|
||||
<img src="{{ $content->user->gravatar() }}" width="20px" title="{{ $content->user->name }}" class="border rounded img-fluid shadow-sm" alt="Logo {{ $content->user->name }} ">
|
||||
{{ $content->user->name }}
|
||||
</a>
|
||||
<p>
|
||||
Public Showcase of Lumino Themes. You can browse, compare the templates and install them into your own Lumino Installation.
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,14 +2,10 @@
|
|||
<div class="top-navbar style-4">
|
||||
<div class="container">
|
||||
<div class="content text-white">
|
||||
<span class="btn sm-butn bg-white py-0 px-2 me-2 fs-10px">
|
||||
<small class="fs-10px">Special</small>
|
||||
</span>
|
||||
<img src="assets/img/icons/nav_icon/imoj_heart.png" alt="" class="icon-15">
|
||||
<span class="fs-10px op-6">Get </span>
|
||||
<small class="op-10 fs-10px">20% Discount</small>
|
||||
<span class="fs-10px op-6">Get for New Account</span>
|
||||
<a href="page-contact-5.html" class="fs-10px text-decoration-underline ms-2">Register Now</a>
|
||||
|
||||
<span class="fs-10px op-6">Develop Lumino Themes and become a Partner: </span>
|
||||
|
||||
<a href="{{url('/admin/register')}}" class="fs-10px text-decoration-underline ms-2">Register Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -28,50 +24,21 @@
|
|||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav m-auto mb-2 mb-lg-0 text-uppercase">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link active dropdown-toggle" href="#" id="navbarDropdown1" role="button"
|
||||
data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Homes
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
|
||||
<li><a class="dropdown-item" href="home-it-solutions2.html"> It Solution creative </a></li>
|
||||
<li><a class="dropdown-item" href="home-app-landing.html"> App Landing </a></li>
|
||||
<li><a class="dropdown-item" href="home-saas-technology.html"> Saas Technology </a></li>
|
||||
<li><a class="dropdown-item" href="home-marketing-startup.html"> Marketing Startup </a></li>
|
||||
<li><a class="dropdown-item" href="home-it-solutions.html"> It Solution </a></li>
|
||||
<li><a class="dropdown-item" href="home-software-company.html"> Software Company </a></li>
|
||||
<li><a class="dropdown-item" href="home-digital-agency.html"> Digital Agency </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button"
|
||||
data-bs-toggle="dropdown" aria-expanded="false">
|
||||
pages
|
||||
<small class="hot alert-danger text-danger">hot</small>
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown1">
|
||||
<li><a class="dropdown-item" href="page-about-app.html">about</a></li>
|
||||
<li><a class="dropdown-item" href="page-product-app.html">product</a></li>
|
||||
<li><a class="dropdown-item" href="page-services-app.html">services</a></li>
|
||||
<li><a class="dropdown-item" href="page-shop-app.html">shop</a></li>
|
||||
<li><a class="dropdown-item" href="page-single-project-app.html">single project</a></li>
|
||||
<li><a class="dropdown-item" href="page-single-post-app.html">single post</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="page-portfolio-app.html">
|
||||
portfolio
|
||||
<a class="nav-link" href="{{url('/free')}}">
|
||||
Free
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="page-blog-app.html">
|
||||
blog
|
||||
<a class="nav-link" href="{{url('/paid')}}">
|
||||
Paid
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="page-contact-app.html">
|
||||
<img src="assets/img/icons/nav_icon/price.png" alt="" class="icon-15 me-1">
|
||||
contact
|
||||
<a class="nav-link" href="{{url('/private')}}">
|
||||
Private
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -80,9 +47,7 @@
|
|||
<a href="{{url('/admin')}}" class="search-icon me-4">
|
||||
<i class="bi bi-person"></i>
|
||||
</a>
|
||||
<a href="page-contact-app.html" class="btn rounded-pill brd-gray hover-blue4 sm-butn fw-bold">
|
||||
<span>Join iteck Hub <i class="bi bi-arrow-right ms-1"></i> </span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,13 +11,7 @@
|
|||
<h2 class="mb-20">Themes for the <span> Lumino CMS </span> </h2>
|
||||
<p>We have an experienced team of production and inspection personnel to ensure quality.</p>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<button type="button" class="control" data-filter="all">All</button>
|
||||
<button type="button" class="control" data-filter=".free">Free</button>
|
||||
<button type="button" class="control" data-filter=".paid">Paid</button>
|
||||
<button type="button" class="control" data-filter=".private">Private</button>
|
||||
|
||||
</div>
|
||||
<section class="portfolio style-1">
|
||||
<div class="content">
|
||||
<div class="row mix-container">
|
||||
|
|
@ -47,11 +41,6 @@
|
|||
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<a href="#" class="btn rounded-pill bg-blue4 fw-bold text-white me-4" target="_blank">
|
||||
<small> Show More (24) </small>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -75,7 +64,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="assets/img/contact_globe.svg" alt="" class="contact_globe">
|
||||
<img src="{{ asset('template/images/contact_globe.svg')}}" alt="" class="contact_globe">
|
||||
</section>
|
||||
<!-- ====== end portfolio-projects ====== -->
|
||||
|
||||
|
|
|
|||
|
|
@ -1851,7 +1851,7 @@ small.text {
|
|||
|
||||
/* --------------- top navbar style-4 --------------- */
|
||||
.top-navbar.style-4 {
|
||||
background-image: url(../img/top_nav_s4.png);
|
||||
background-image: url(../images/top_nav_s4.png);
|
||||
background-size: cover;
|
||||
background-position: top;
|
||||
padding: 10px 15px 50px;
|
||||
|
|
|
|||
14718
css/style.css
14718
css/style.css
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Loading…
Reference in New Issue