First Commit & Tambah tampilan list artikel
commit
29a1107a70
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,48 @@
|
|||
using Microsoft.AspNetCore.Mvc;
|
||||
using System.Diagnostics;
|
||||
using WebsiteDLH.Models;
|
||||
|
||||
namespace WebsiteDLH.Controllers
|
||||
{
|
||||
public class HomeController : Controller
|
||||
{
|
||||
private readonly ILogger<HomeController> _logger;
|
||||
|
||||
public HomeController(ILogger<HomeController> logger)
|
||||
{
|
||||
_logger = logger;
|
||||
}
|
||||
|
||||
|
||||
public IActionResult Index()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult Page()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult StrukturOrganisasi()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult BidangSudinUPT()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
public IActionResult ListArticle()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
|
||||
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
|
||||
public IActionResult Error()
|
||||
{
|
||||
return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
namespace WebsiteDLH.Models
|
||||
{
|
||||
public class ErrorViewModel
|
||||
{
|
||||
public string? RequestId { get; set; }
|
||||
|
||||
public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
var builder = WebApplication.CreateBuilder(args);
|
||||
|
||||
// Add services to the container.
|
||||
builder.Services.AddControllersWithViews();
|
||||
|
||||
var app = builder.Build();
|
||||
|
||||
// Configure the HTTP request pipeline.
|
||||
if (!app.Environment.IsDevelopment())
|
||||
{
|
||||
app.UseExceptionHandler("/Home/Error");
|
||||
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
|
||||
app.UseHsts();
|
||||
}
|
||||
|
||||
app.UseHttpsRedirection();
|
||||
app.UseStaticFiles();
|
||||
|
||||
app.UseRouting();
|
||||
|
||||
app.UseAuthorization();
|
||||
|
||||
app.MapControllerRoute(
|
||||
name: "default",
|
||||
pattern: "{controller=Home}/{action=Index}/{id?}");
|
||||
|
||||
app.Run();
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
{
|
||||
"iisSettings": {
|
||||
"windowsAuthentication": false,
|
||||
"anonymousAuthentication": true,
|
||||
"iisExpress": {
|
||||
"applicationUrl": "http://localhost:36478",
|
||||
"sslPort": 44353
|
||||
}
|
||||
},
|
||||
"profiles": {
|
||||
"http": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": true,
|
||||
"applicationUrl": "http://localhost:5107",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"https": {
|
||||
"commandName": "Project",
|
||||
"dotnetRunMessages": true,
|
||||
"launchBrowser": true,
|
||||
"applicationUrl": "https://localhost:7105;http://localhost:5107",
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
},
|
||||
"IIS Express": {
|
||||
"commandName": "IISExpress",
|
||||
"launchBrowser": true,
|
||||
"environmentVariables": {
|
||||
"ASPNETCORE_ENVIRONMENT": "Development"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
@{
|
||||
ViewBag.title = "Bidang, Sudin, UPT";
|
||||
ViewBag.menu = "Profil";
|
||||
}
|
||||
|
||||
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 data-title-border>@ViewBag.title</h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="/" class="text-muted">Home</a></li>
|
||||
@if (ViewBag.menu != null || ViewBag.menu != null)
|
||||
{
|
||||
<li><a href="#" class="text-muted">@ViewBag.menu</a></li>
|
||||
}
|
||||
@if (ViewBag.submenu != null || ViewBag.submenu != null)
|
||||
{
|
||||
<li><a href="#" class="text-muted">@ViewBag.submenu</a></li>
|
||||
}
|
||||
<li class="text-primary">@ViewBag.title</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="content" class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="tabs tabs-vertical tabs-right tabs-navigation tabs-navigation-simple">
|
||||
<ul class="nav nav-tabs col-sm-3">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="#tabsNavigationVertSimple1" data-bs-toggle="tab">Bidang Tata Lingkungan dan Kebersihan</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#tabsNavigationVertSimple2" data-bs-toggle="tab">Bidang Pengelolaan Kebersihan</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="tab-pane tab-pane-navigation active" id="tabsNavigationVertSimple1">
|
||||
<h4>Bidang Tata Lingkungan dan Kebersihan</h4>
|
||||
<p>Bidang Tata Lingkungan dan Kebersihan merupakan unit kerja lini Dinas yang mempunyai tugas melaksanakan penataan lingkungan dan kebersihan.</p>
|
||||
<p>Bidang Tata Lingkungan dan Kebersihan menyelenggarakan fungsi :</p>
|
||||
<ol type="1">
|
||||
<li>Penyusunan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Tata Lingkungan dan Kebersihan;</li>
|
||||
<li>Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Tata Lingkungan dan Kebersihan;</li>
|
||||
<li>Penyusunan bahan kebijakan, pedoman dan standar pengelolaan teknis lingkungan dan kebersihan;</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tab-pane tab-pane-navigation" id="tabsNavigationVertSimple2">
|
||||
<h4>Bidang Pengelolaan Kebersihan</h4>
|
||||
<p>Bidang Pengelolaan Kebersihan merupakan Unit Kerja lini Dinas Lingkungan Hidup dalam upaya pengelolaan sampah, pengelolaan limbah B3 dan pengendalian kebersihan.</p>
|
||||
<p>Bidang Pengelolaan Kebersihan menyelenggarakan fungsi :</p>
|
||||
<ol type="1">
|
||||
<li>Penyusunan bahan Rencana Strategis dan Rencana Kerja dan Anggaran Bidang Pengelolaan Kebersihan;</li>
|
||||
<li>Pelaksanaan Rencana Strategis dan Dokumen Pelaksanaan Anggaran Bidang Pengelolaan Kebersihan</li>
|
||||
<li>Pelaksanaan pengelolaan sampah darat, pantai dan pesisir yang dilaksanakan oleh Suku Dinas, Unit Pelaksana Teknis dan mitra kerja di bidang pengelolaan kebersihan</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,288 @@
|
|||
<div class="container">
|
||||
<div class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual dots-inside dots-horizontal-center show-dots-hover dots-light nav-style-1 nav-inside nav-inside-plus nav-dark nav-lg nav-font-size-lg show-nav-hover mb-0 mt-3 mt-md-5"
|
||||
data-plugin-options="{'autoplayTimeout': 7000}" style="height: calc(100vh - 220px);">
|
||||
<div class="owl-stage-outer">
|
||||
<div class="owl-stage">
|
||||
|
||||
<!-- Carousel Slide 1 -->
|
||||
<div class="owl-item position-relative overlay overlay-show overlay-op-7"
|
||||
style="background-image: url(/img/dlh/banner/hero-1.jpg); background-size: cover; background-position: center;">
|
||||
<div class="container position-relative z-index-3 h-100">
|
||||
<div class="row justify-content-center align-items-center h-100">
|
||||
<div class="col-lg-7 text-center">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center h-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Carousel Slide 2 -->
|
||||
<div class="owl-item position-relative overlay overlay-show overlay-op-7"
|
||||
style="background-image: url(/img/dlh/banner/hero-2.jpg); background-size: cover; background-position: center;">
|
||||
<div class="container position-relative z-index-3 h-100">
|
||||
<div class="row justify-content-center align-items-center h-100">
|
||||
<div class="col-lg-7 text-center">
|
||||
<div class="d-flex flex-column align-items-center justify-content-center h-100">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="owl-dots mb-5">
|
||||
<button role="button" class="owl-dot active"><span></span></button>
|
||||
<button role="button" class="owl-dot"><span></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container my-5 py-3" id="main">
|
||||
<div class="row pt-4">
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||
data-appear-animation-delay="200">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-user-following icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Customer Support</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||
pellentesque imperdiet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeIn">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-layers icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Sliders</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||
data-appear-animation-delay="200">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-calculator icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">HTML5</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-lg-3">
|
||||
<div class="col-lg-4">
|
||||
<div class="feature-box feature-box-style-2 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||
data-appear-animation-delay="300">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-star icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Icons</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||
pellentesque imperdiet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="feature-box feature-box-style-2 appear-animation" data-appear-animation="fadeIn"
|
||||
data-appear-animation-delay="100">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-drop icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Colors</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||
data-appear-animation-delay="300">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-mouse icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Buttons</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-lg-3">
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
|
||||
data-appear-animation-delay="400">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-screen-desktop icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Lightboxes</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum
|
||||
pellentesque imperdiet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="200">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-energy icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Elements</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
|
||||
data-appear-animation-delay="400">
|
||||
<div class="feature-box feature-box-style-2">
|
||||
<div class="feature-box-icon">
|
||||
<i class="icon-social-youtube icons"></i>
|
||||
</div>
|
||||
<div class="feature-box-info">
|
||||
<h4 class="font-weight-bold mb-2">Videos</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
|
||||
imperdiet. Nulla lacinia iaculis nulla.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<h2 class="font-weight-bold text-center text-10 pt-3 mb-5">Ikuti Kegiatan Kami</h2>
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-1.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Amazing
|
||||
Mountain</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay="300">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-2.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Creative
|
||||
Business</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay="600">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-3.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Unlimited
|
||||
Ways</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-4.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Developer
|
||||
Life</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay="300">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-5.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">The Blue
|
||||
Sky</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5 appear-animation" data-appear-animation="fadeInUpShorter"
|
||||
data-appear-animation-delay="600">
|
||||
<div class="post-image">
|
||||
<a href="blog-post.html">
|
||||
<img src="/img/blog/medium/blog-6.jpg"
|
||||
class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-4" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html">Night
|
||||
Life</a></h2>
|
||||
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per
|
||||
conubia nostra, per inceptos himenaeos.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,555 @@
|
|||
@{
|
||||
ViewBag.title = "Daftar Artikel";
|
||||
ViewBag.menu = "Artikel";
|
||||
}
|
||||
|
||||
|
||||
<!-- List Article -->
|
||||
<div class="container">
|
||||
<div class="row mt-5">
|
||||
<div class="col">
|
||||
<div class="blog-posts">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="fw-bold mb-2">Artikel Lingkungan Hidup</h1>
|
||||
<p class="fs-6">Ikuti program, kegiatan, dan informasi terbaru tentang Dinas Lingkungan Hidup
|
||||
Provinsi DKI
|
||||
Jakarta</p>
|
||||
</div>
|
||||
<!--
|
||||
Max Character Title: 78 Char (3 Lines)
|
||||
Max Character Description: 119 Char (3 Lines)
|
||||
-->
|
||||
<div id="placeholder" class="row">
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<article class="border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative placeholder-glow">
|
||||
<a href="#" class="ratio ratio-16x9 placeholder rounded-4 text-dark">
|
||||
<div class="rounded-4" style="object-fit: cover"></div>
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="placeholder col-6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content placeholder-glow">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-0 placeholder col-10"></h2>
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-2 mb-3 placeholder col-12"></h2>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12 mb-2"></p>
|
||||
<p class="text-break overflow-ellipsis-3 placeholder col-12"></p>
|
||||
|
||||
<div class="post-meta placeholder-glow">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="placeholder rounded-circle me-1" style="width: 30px; height: 30px;">
|
||||
</div>
|
||||
<a href="#" class="fw-semibold placeholder col-4 ms-1 text-dark"></a><span
|
||||
class="ms-2 placeholder col-3"></span>
|
||||
<div class="ms-2 placeholder col-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div id="list-article" class="row">
|
||||
</div>
|
||||
|
||||
<button id="muat-lebih-banyak" type="button" onclick=loadMore() class="btn btn-success d-block mx-auto">Muat Lebih
|
||||
Banyak</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const data = [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Manfaat Meditasi untuk Kesehatan Mental",
|
||||
"description": "Menjelajahi manfaat meditasi dalam meningkatkan kesehatan mental dan kebahagiaan sehari-hari.",
|
||||
"image": "650x700",
|
||||
"badge": "health",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Inovasi Terbaru dalam Teknologi Gadget",
|
||||
"description": "Mengulas perkembangan terkini dalam dunia teknologi gadget dan perangkat pintar.",
|
||||
"image": "600x550",
|
||||
"badge": "technology",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Tips Efektif Mengelola Waktu di Era Digital",
|
||||
"description": "Memberikan strategi praktis untuk mengoptimalkan pengelolaan waktu dalam rutinitas harian.",
|
||||
"image": "700x600",
|
||||
"badge": "productivity",
|
||||
"color_badge": "#f39c12"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Mengenal Kesehatan Jantung: Fakta dan Mitos",
|
||||
"description": "Memisahkan fakta dari mitos seputar kesehatan jantung untuk hidup yang lebih sehat.",
|
||||
"image": "750x550",
|
||||
"badge": "health",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Belajar Bahasa Asing: Panduan untuk Pemula",
|
||||
"description": "Langkah-langkah praktis untuk memulai perjalanan belajar bahasa asing dengan sukses.",
|
||||
"image": "800x600",
|
||||
"badge": "education",
|
||||
"color_badge": "#9b59b6"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"title": "Keajaiban Alam Semesta: Lubang Hitam dan Galaksi",
|
||||
"description": "Eksplorasi fenomena alam semesta, dari lubang hitam hingga keindahan galaksi.",
|
||||
"image": "720x480",
|
||||
"badge": "science",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"title": "Resep Sehat dan Lezat untuk Sarapan Pagi",
|
||||
"description": "Ide-ide resep sarapan yang sehat dan lezat untuk memulai hari dengan energi.",
|
||||
"image": "600x700",
|
||||
"badge": "food",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"title": "Cara Efektif Menangani Stres di Tempat Kerja",
|
||||
"description": "Strategi untuk mengatasi stres di lingkungan kerja dan meningkatkan kesejahteraan.",
|
||||
"image": "650x600",
|
||||
"badge": "health",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"title": "Teknologi Blockchain: Masa Depan Keamanan Digital",
|
||||
"description": "Mengulas konsep blockchain dan dampaknya pada keamanan digital di era modern.",
|
||||
"image": "700x550",
|
||||
"badge": "technology",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"title": "Seni Digital: Eksplorasi Kreativitas di Era Digital",
|
||||
"description": "Menjelajahi dunia seni digital dan cara teknologi memengaruhi kreativitas seniman.",
|
||||
"image": "720x620",
|
||||
"badge": "art",
|
||||
"color_badge": "#9b59b6"
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"title": "Pentingnya Hidrasi: Manfaat Air Putih untuk Tubuh",
|
||||
"description": "Mendiskusikan manfaat kesehatan dari minum air putih secara cukup setiap hari.",
|
||||
"image": "700x600",
|
||||
"badge": "health",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"title": "Serunya Bersepeda: Aktivitas Olahraga yang Menyenangkan",
|
||||
"description": "Mengajak pembaca untuk menikmati manfaat olahraga sepeda dan tips memilih sepeda yang tepat.",
|
||||
"image": "650x550",
|
||||
"badge": "sport",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"title": "Cara Membuat Smoothie Sehat dan Bergizi",
|
||||
"description": "Berbagai resep smoothie yang lezat dan menyehatkan untuk dinikmati di pagi hari atau sebagai camilan.",
|
||||
"image": "750x700",
|
||||
"badge": "food",
|
||||
"color_badge": "#f39c12"
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"title": "Exploring the Wonders of Deep Sea Creatures",
|
||||
"description": "Discovering the fascinating world of deep-sea creatures and their unique adaptations.",
|
||||
"image": "720x480",
|
||||
"badge": "science",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"title": "Strategi Sukses dalam Belajar Online",
|
||||
"description": "Memberikan tips dan trik untuk sukses dalam pembelajaran online dan meningkatkan produktivitas belajar.",
|
||||
"image": "600x650",
|
||||
"badge": "education",
|
||||
"color_badge": "#9b59b6"
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"title": "Menjadi Pekerja Lebih Fleksibel: Keuntungan dan Tips",
|
||||
"description": "Mengulas manfaat menjadi pekerja yang lebih fleksibel dan cara mencapainya dalam lingkungan kerja.",
|
||||
"image": "700x600",
|
||||
"badge": "career",
|
||||
"color_badge": "#f39c12"
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"title": "Perjalanan Kuliner: Menikmati Kelezatan Makanan Lokal",
|
||||
"description": "Menjelajahi aneka makanan lokal yang lezat dan menggugah selera dari berbagai penjuru dunia.",
|
||||
"image": "800x600",
|
||||
"badge": "food",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 18,
|
||||
"title": "Mengapa Kucing adalah Hewan Peliharaan yang Menyenangkan",
|
||||
"description": "Mendiskusikan pesona dan manfaat memiliki kucing sebagai hewan peliharaan.",
|
||||
"image": "650x550",
|
||||
"badge": "pets",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 19,
|
||||
"title": "Cara Memulai Usaha Kecil yang Sukses",
|
||||
"description": "Panduan langkah demi langkah untuk memulai usaha kecil dengan sukses dan berkembang.",
|
||||
"image": "720x620",
|
||||
"badge": "business",
|
||||
"color_badge": "#f39c12"
|
||||
},
|
||||
{
|
||||
"id": 20,
|
||||
"title": "Menjelajahi Keindahan Alam: Destinasi Wisata Outdoor",
|
||||
"description": "Merinci destinasi wisata outdoor yang menawarkan pemandangan alam yang luar biasa dan petualangan seru.",
|
||||
"image": "700x550",
|
||||
"badge": "travel",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 21,
|
||||
"title": "Tips Menata Ruang Kerja yang Nyaman di Rumah",
|
||||
"description": "Memberikan saran tentang cara menciptakan ruang kerja yang nyaman dan produktif di rumah.",
|
||||
"image": "700x600",
|
||||
"badge": "home",
|
||||
"color_badge": "#f39c12"
|
||||
},
|
||||
{
|
||||
"id": 22,
|
||||
"title": "Exploring the Marvels of Underwater Photography",
|
||||
"description": "Discovering the art and challenges of capturing breathtaking moments through underwater photography.",
|
||||
"image": "650x550",
|
||||
"badge": "art",
|
||||
"color_badge": "#9b59b6"
|
||||
},
|
||||
{
|
||||
"id": 23,
|
||||
"title": "Kiat Sukses dalam Menjalani Hidup Sehat",
|
||||
"description": "Tips praktis untuk menjalani gaya hidup sehat dengan keseimbangan antara makanan, olahraga, dan istirahat.",
|
||||
"image": "750x700",
|
||||
"badge": "health",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 24,
|
||||
"title": "Mengenal Budaya Teh: Sejarah dan Manfaatnya",
|
||||
"description": "Menjelajahi sejarah teh dan berbagai budaya teh di seluruh dunia, serta manfaatnya untuk kesehatan.",
|
||||
"image": "720x480",
|
||||
"badge": "food",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 25,
|
||||
"title": "Strategi Investasi untuk Pemula: Mulai Dengan Bijak",
|
||||
"description": "Panduan langkah demi langkah untuk pemula dalam berinvestasi dan membangun portofolio keuangan yang kokoh.",
|
||||
"image": "600x650",
|
||||
"badge": "finance",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 26,
|
||||
"title": "Panduan Membuat Kebun Sayur di Halaman Belakang",
|
||||
"description": "Langkah-langkah praktis untuk memulai kebun sayur di halaman belakang rumah Anda.",
|
||||
"image": "700x600",
|
||||
"badge": "home",
|
||||
"color_badge": "#27ae60"
|
||||
},
|
||||
{
|
||||
"id": 27,
|
||||
"title": "Mengenali Jenis-jenis Kucing yang Unik dan Langka",
|
||||
"description": "Menjelajahi dunia kucing dengan merinci jenis-jenis kucing yang unik dan langka.",
|
||||
"image": "800x600",
|
||||
"badge": "pets",
|
||||
"color_badge": "#e74c3c"
|
||||
},
|
||||
{
|
||||
"id": 28,
|
||||
"title": "Manfaat Seni Terapi: Melukis untuk Kesehatan Mental",
|
||||
"description": "Mengulas bagaimana melukis dapat menjadi bentuk terapi untuk meningkatkan kesehatan mental.",
|
||||
"image": "650x550",
|
||||
"badge": "art",
|
||||
"color_badge": "#9b59b6"
|
||||
},
|
||||
{
|
||||
"id": 29,
|
||||
"title": "Teknologi 5G: Revolusi Koneksi Internet",
|
||||
"description": "Mendiskusikan dampak teknologi 5G dalam merubah cara kita terhubung dengan internet.",
|
||||
"image": "720x620",
|
||||
"badge": "technology",
|
||||
"color_badge": "#3498db"
|
||||
},
|
||||
{
|
||||
"id": 30,
|
||||
"title": "Rahasia Rasa dalam Masakan Tradisional",
|
||||
"description": "Mengungkap rahasia rasa dalam masakan tradisional dari berbagai belahan dunia.",
|
||||
"image": "700x550",
|
||||
"badge": "food",
|
||||
"color_badge": "#e74c3c"
|
||||
}
|
||||
];
|
||||
|
||||
generateArticle(data)
|
||||
@* countRPM() *@
|
||||
|
||||
function countRPM() {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
// Menentukan jumlah kata dalam konten
|
||||
const content = document.querySelector(".c-blog-detail__body");
|
||||
const words = content.textContent.split(/\s+/).length;
|
||||
|
||||
// Menentukan jumlah gambar dalam konten
|
||||
const images = document.querySelectorAll(".c-blog-detail__img img");
|
||||
const imageCount = images.length;
|
||||
|
||||
// Menentukan waktu rata-rata untuk melihat setiap gambar (dalam detik)
|
||||
const averageTimePerImage = 3; // Misalnya, anggap 5 detik per gambar
|
||||
|
||||
// Menentukan waktu baca per menit (biasanya 200-250 kata per menit)
|
||||
const wordsPerMinute = 225;
|
||||
|
||||
// Menghitung estimasi waktu baca termasuk waktu untuk melihat gambar
|
||||
const estimatedTime = Math.ceil(words / wordsPerMinute) + (imageCount * averageTimePerImage / 60);
|
||||
|
||||
// Menampilkan hasil di dalam elemen HTML
|
||||
@* const timeElement = document.createElement("p");
|
||||
timeElement.innerHTML = `Estimasi waktu baca: ${estimatedTime.toFixed(1)} menit`;
|
||||
content.appendChild(timeElement); *@
|
||||
|
||||
console.log(estimatedTime.toFixed(1) + "menit");
|
||||
});
|
||||
}
|
||||
|
||||
function generateArticle(data) {
|
||||
sliceData(data, 0, 6)
|
||||
}
|
||||
|
||||
function sliceData(data, start, end) {
|
||||
const newData = data.slice(start, end)
|
||||
|
||||
let articles = ""
|
||||
|
||||
for (const element of newData) {
|
||||
articles += `
|
||||
<div class="col-md-4">
|
||||
<article class="post post-medium border-0 pb-0 mb-5">
|
||||
<div class="post-image">
|
||||
<div class="position-relative">
|
||||
<a href="#" class="ratio ratio-16x9 rounded-4">
|
||||
<img src="https://source.unsplash.com/random/${element.image}"
|
||||
style="object-fit: cover" class="rounded-4" alt="${element.title}" loading="lazy" />
|
||||
</a>
|
||||
<div class="badges position-absolute" style="top: 4px; right:10px">
|
||||
<span class="badge" style="background-color: ${element.color_badge}">${element.badge}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post-content">
|
||||
<h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="blog-post.html"
|
||||
class="text-break overflow-ellipsis-3">${element.title}</a>
|
||||
</h2>
|
||||
<p class="text-break overflow-ellipsis-3">
|
||||
${element.description}
|
||||
</p>
|
||||
|
||||
<div class="post-meta">
|
||||
<span><img src="https://robohash.org/agung" class="bg-info rounded-circle me-1"
|
||||
width="30" height="30" alt="Robohash"><a href="#" class="fw-semibold">Agung
|
||||
Gumelar</a> • 20 Des 2023 </span>
|
||||
<span><i class="far fa-clock"></i> 3 min baca</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
const container_post = document.querySelector("#list-article")
|
||||
container_post.innerHTML = container_post.innerHTML + articles
|
||||
}
|
||||
|
||||
function loadMore(value = 6) {
|
||||
const sum = value
|
||||
|
||||
let articles = document.querySelectorAll("article.post")
|
||||
|
||||
sliceData(data, (articles.length), (articles.length + value))
|
||||
|
||||
if(document.querySelectorAll("article.post").length == data.length){
|
||||
document.querySelector("#muat-lebih-banyak").remove()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
@{
|
||||
ViewBag.title = "Template Page";
|
||||
ViewBag.menu = "Profil";
|
||||
}
|
||||
|
||||
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 data-title-border>@ViewBag.title</h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="/" class="text-muted">Home</a></li>
|
||||
@if(ViewBag.menu != ""){
|
||||
<li><a href="#" class="text-muted">@ViewBag.menu</a></li>
|
||||
}
|
||||
@if(ViewBag.submenu != ""){
|
||||
<li><a href="#" class="text-muted">@ViewBag.submenu</a></li>
|
||||
}
|
||||
<li class="active text-primary" >@ViewBag.title</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde doloribus eligendi dolor!
|
||||
</div>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
@{
|
||||
ViewBag.title = "Struktur Organisasi";
|
||||
ViewBag.menu = "Profil";
|
||||
}
|
||||
|
||||
<link rel="stylesheet" href="/lib/magnifier/magnifier.css">
|
||||
|
||||
<section class="page-header page-header-classic page-header-sm bg-secondary">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 data-title-border>@ViewBag.title</h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end fw-semibold">
|
||||
<li><a href="/" class="text-quaternary">Home</a></li>
|
||||
@if (ViewBag.menu != null || ViewBag.menu != null)
|
||||
{
|
||||
<li><a href="#" class="text-quaternary">@ViewBag.menu</a></li>
|
||||
}
|
||||
@if (ViewBag.submenu != null || ViewBag.submenu != null)
|
||||
{
|
||||
<li><a href="#" class="text-quaternary">@ViewBag.submenu</a></li>
|
||||
}
|
||||
<li class="text-light">@ViewBag.title</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
@model ErrorViewModel
|
||||
@{
|
||||
ViewData["Title"] = "Error";
|
||||
}
|
||||
|
||||
<h1 class="text-danger">Error.</h1>
|
||||
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||
|
||||
@if (Model.ShowRequestId)
|
||||
{
|
||||
<p>
|
||||
<strong>Request ID:</strong> <code>@Model.RequestId</code>
|
||||
</p>
|
||||
}
|
||||
|
||||
<h3>Development Mode</h3>
|
||||
<p>
|
||||
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||
</p>
|
||||
<p>
|
||||
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||
It can result in displaying sensitive information from exceptions to end users.
|
||||
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||
and restarting the app.
|
||||
</p>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<footer id="footer" class="mt-0 bg-secondary border-top-0">
|
||||
<div class="container my-4">
|
||||
<div class="row py-5">
|
||||
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
|
||||
<h5 class="text-5 text-transform-none fw-semibold text-color-light mb-2">Dinas Lingkungan Hidup</h5>
|
||||
<h6 class="text-4 text-transform-none fw-semibold text-color-light mb-4">Provinsi DKI Jakarta</h6>
|
||||
<p class="text-4 mb-0 text-color-tertiary">Jl. Mandala V No.67, RT.1/RW.2</p>
|
||||
<p class="text-4 mb-0 text-color-tertiary">Cililitan, Kramat Jati, Jakarta Timur</p>
|
||||
<p class="text-4 mb-3 text-color-tertiary">Provinsi DKI Jakarta</p>
|
||||
<p class="text-4 mb-0 text-color-tertiary">Phone: <a href="tel:0123456789" class="text-decoration-none text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">(021) 8092744</a></p>
|
||||
<p class="text-4 mb-0 text-color-tertiary">Email: <a href="mailto:dinaslh@jakarta.go.id" class="text-color-quaternary fw-semibold text-color-hover-light link-hover-style-1">dinaslh@jakarta.go.id</a></p>
|
||||
</div>
|
||||
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
||||
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Pages</h5>
|
||||
<ul class="list list-icons list-icons-sm">
|
||||
<li><i class="fas fa-angle-right"></i><a href="page-services.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Our Services</a></li>
|
||||
<li><i class="fas fa-angle-right"></i><a href="about-us.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> About Us</a></li>
|
||||
<li><i class="fas fa-angle-right"></i><a href="contact-us.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-lg-2 mb-5 mb-lg-0">
|
||||
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Links</h5>
|
||||
<ul class="list list-icons list-icons-sm">
|
||||
<li><i class="fas fa-angle-right"></i><a href="page-faq.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> FAQ's</a></li>
|
||||
<li><i class="fas fa-angle-right"></i><a href="sitemap.html" class="link-hover-style-1 ms-1 text-color-quaternary text-color-hover-light fw-semibold"> Sitemap</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<h5 class="text-5 text-transform-none font-weight-semibold text-color-light mb-4">Latest Tweet</h5>
|
||||
<div id="tweet" class="twitter" data-plugin-tweets data-plugin-options="{'username': 'oklerthemes', 'count': 1}">
|
||||
<p class="fw-semibold text-color-quaternary">Please wait...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright footer-copyright-style-2" style="background-color: #618264;">
|
||||
<div class="container py-2">
|
||||
<div class="row py-2">
|
||||
<div class="col mb-4 mb-lg-0 fs-6">
|
||||
<p class="text-center text-light">© Copyright <script>document.write(new Date().getFullYear())</script>. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!-- Basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>@(Context.Request.Path == "/" ? "Dinas Lingkungan Hidup Prov. DKI Jakarta" : (ViewBag.title) + " - Dinas Lingkungan Hidup")</title>
|
||||
|
||||
<meta name="keywords" content="Dinas Lingkungan Hidup DKI Jakarta, DLH Jakarta, Lingkungan Hidup DKI Jakarta, DLH, Sudin LH" />
|
||||
<meta name="description" content="Website Resmi Dinas Lingkungan Hidup Provinsi DKI Jakarta">
|
||||
<meta name="author" content="DLH">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
|
||||
<link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
|
||||
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||||
|
||||
<!-- Web Fonts -->
|
||||
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Vendor CSS -->
|
||||
<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="/vendor/fontawesome-free/css/all.min.css">
|
||||
<link rel="stylesheet" href="/vendor/animate/animate.compat.css">
|
||||
<link rel="stylesheet" href="/vendor/simple-line-icons/css/simple-line-icons.min.css">
|
||||
<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/vendor/owl.carousel/assets/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="/vendor/magnific-popup/magnific-popup.min.css">
|
||||
|
||||
<!-- Theme CSS -->
|
||||
<link rel="stylesheet" href="/css/theme.css">
|
||||
<link rel="stylesheet" href="/css/theme-elements.css">
|
||||
<link rel="stylesheet" href="/css/theme-blog.css">
|
||||
<link rel="stylesheet" href="/css/theme-shop.css">
|
||||
|
||||
<!-- Skin CSS -->
|
||||
<link id="skinCSS" rel="stylesheet" href="/css/skins/skin-corporate-4.css">
|
||||
|
||||
<!-- Theme Custom CSS -->
|
||||
<link rel="stylesheet" href="/css/custom.css">
|
||||
|
||||
<!-- Head Libs -->
|
||||
<script src="/vendor/modernizr/modernizr.min.js"></script>
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 70}">
|
||||
<div class="header-body border-top-0 shadow-sm">
|
||||
<div class="header-container container">
|
||||
<div class="header-row">
|
||||
<div class="header-column">
|
||||
<div class="header-row">
|
||||
<div class="header-logo">
|
||||
<partial name="_Logo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end">
|
||||
<div class="header-row">
|
||||
<div class="header-nav header-nav-line header-nav-top-line header-nav-top-line-with-border order-2 order-lg-1">
|
||||
<div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
|
||||
<nav class="collapse">
|
||||
<ul class="nav nav-pills" id="mainNav">
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle @(Context.Request.Path == "/" ? "active" : "")" asp-controller="Home" asp-action="Index">Home</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle
|
||||
@(ViewBag.menu == "Profil"
|
||||
? "active" : "" )" href="#">
|
||||
Profil
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="StrukturOrganisasi">Struktur Organisasi</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="BidangSudinUPT">Bidang, Sudin, dan UPT</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Profil Pimpinan</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Tupoksi</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
Program
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Udara</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Air</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Sampah</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Pengawasan</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">LKIP</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Rencana Strategis</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Anggaran</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Perjanjian Kinerja</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
Publikasi Data
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">DIKPLH</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Kajian</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Monitoring Emisi Sumber Tidak Bergerak</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Peraturan</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Keanekaragaman Hayati</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Kualitas Udara</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Kualitas Air</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Gas Rumah Kaca</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">IKLH</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">KLHS</a></li>
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">Laporan Keuangan</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
Seputar DLH
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">...</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">PPID</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
Layanan Kami
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" asp-controller="Home" asp-action="Page">...</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">Kontak</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">BPS-RW</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" asp-controller="Home" asp-action="ListArticle">Artikel</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="header-nav-features header-nav-features-no-border header-nav-features-lg-show-border order-1 order-lg-2">
|
||||
<div class="header-nav-feature header-nav-features-search d-inline-flex">
|
||||
<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon"></i></a>
|
||||
<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
|
||||
<form role="search" action="page-search-results.html" method="get">
|
||||
<div class="simple-search input-group">
|
||||
<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
|
||||
<button class="btn" type="submit" aria-label="Search">
|
||||
<i class="fas fa-search header-nav-top-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<partial name="_Head" />
|
||||
@await RenderSectionAsync("styles", required: false)
|
||||
|
||||
</head>
|
||||
<body data-plugin-page-transition>
|
||||
|
||||
<div class="body">
|
||||
<partial name="_Header" />
|
||||
|
||||
<div role="main" class="main">
|
||||
<div style="min-height: 720px">
|
||||
@RenderBody()
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<partial name="_Footer" />
|
||||
</div>
|
||||
|
||||
<partial name="_Scripts" />
|
||||
@await RenderSectionAsync("scripts", required: false)
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||
for details on configuring this project to bundle and minify static web assets. */
|
||||
|
||||
a.navbar-brand {
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #0077cc;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.box-shadow {
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
button.accept-policy {
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<a href="/">
|
||||
<img alt="DLH" width="60" height="60" data-sticky-width="48" data-sticky-height="48" src="/img/logos/logo-dlh.png">
|
||||
</a>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!-- Vendor -->
|
||||
<script src="/vendor/plugins/js/plugins.min.js"></script>
|
||||
|
||||
<!-- Theme Base, Components and Settings -->
|
||||
<script src="/js/theme.js"></script>
|
||||
|
||||
<!-- Theme Custom -->
|
||||
<script src="/js/custom.js"></script>
|
||||
|
||||
<!-- Theme Initialization Files -->
|
||||
<script src="/js/theme.init.js"></script>
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
|
||||
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
@using WebsiteDLH
|
||||
@using WebsiteDLH.Models
|
||||
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
@{
|
||||
Layout = "_Layout";
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<Project Sdk="Microsoft.NET.Sdk.Web">
|
||||
|
||||
<PropertyGroup>
|
||||
<TargetFramework>net7.0</TargetFramework>
|
||||
<Nullable>enable</Nullable>
|
||||
<ImplicitUsings>enable</ImplicitUsings>
|
||||
</PropertyGroup>
|
||||
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||
<PropertyGroup>
|
||||
<ActiveDebugProfile>https</ActiveDebugProfile>
|
||||
</PropertyGroup>
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
|
||||
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||
# Visual Studio Version 17
|
||||
VisualStudioVersion = 17.6.33829.357
|
||||
MinimumVisualStudioVersion = 10.0.40219.1
|
||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WebsiteDLH", "WebsiteDLH.csproj", "{9857558B-6114-4138-8DFE-057E76E471C1}"
|
||||
EndProject
|
||||
Global
|
||||
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||
Debug|Any CPU = Debug|Any CPU
|
||||
Release|Any CPU = Release|Any CPU
|
||||
EndGlobalSection
|
||||
GlobalSection(ProjectConfigurationPlatforms) = postSolution
|
||||
{9857558B-6114-4138-8DFE-057E76E471C1}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
||||
{9857558B-6114-4138-8DFE-057E76E471C1}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
||||
{9857558B-6114-4138-8DFE-057E76E471C1}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
||||
{9857558B-6114-4138-8DFE-057E76E471C1}.Release|Any CPU.Build.0 = Release|Any CPU
|
||||
EndGlobalSection
|
||||
GlobalSection(SolutionProperties) = preSolution
|
||||
HideSolutionNode = FALSE
|
||||
EndGlobalSection
|
||||
GlobalSection(ExtensibilityGlobals) = postSolution
|
||||
SolutionGuid = {EFD73077-88C0-46E4-AD12-3ECACEBDCE3F}
|
||||
EndGlobalSection
|
||||
EndGlobal
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"AllowedHosts": "*"
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
{
|
||||
"runtimeTarget": {
|
||||
"name": ".NETCoreApp,Version=v7.0",
|
||||
"signature": ""
|
||||
},
|
||||
"compilationOptions": {},
|
||||
"targets": {
|
||||
".NETCoreApp,Version=v7.0": {
|
||||
"WebsiteDLH/1.0.0": {
|
||||
"runtime": {
|
||||
"WebsiteDLH.dll": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"libraries": {
|
||||
"WebsiteDLH/1.0.0": {
|
||||
"type": "project",
|
||||
"serviceable": false,
|
||||
"sha512": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"runtimeOptions": {
|
||||
"tfm": "net7.0",
|
||||
"frameworks": [
|
||||
{
|
||||
"name": "Microsoft.NETCore.App",
|
||||
"version": "7.0.0"
|
||||
},
|
||||
{
|
||||
"name": "Microsoft.AspNetCore.App",
|
||||
"version": "7.0.0"
|
||||
}
|
||||
],
|
||||
"configProperties": {
|
||||
"System.GC.Server": true,
|
||||
"System.Runtime.Serialization.EnableUnsafeBinaryFormatterSerialization": false
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"Logging": {
|
||||
"LogLevel": {
|
||||
"Default": "Information",
|
||||
"Microsoft.AspNetCore": "Warning"
|
||||
}
|
||||
},
|
||||
"AllowedHosts": "*"
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
// <autogenerated />
|
||||
using System;
|
||||
using System.Reflection;
|
||||
[assembly: global::System.Runtime.Versioning.TargetFrameworkAttribute(".NETCoreApp,Version=v7.0", FrameworkDisplayName = ".NET 7.0")]
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
//------------------------------------------------------------------------------
|
||||
// <auto-generated>
|
||||
// This code was generated by a tool.
|
||||
// Runtime Version:4.0.30319.42000
|
||||
//
|
||||
// Changes to this file may cause incorrect behavior and will be lost if
|
||||
// the code is regenerated.
|
||||
// </auto-generated>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
using System;
|
||||
using System.Reflection;
|
||||
|
||||
[assembly: System.Reflection.AssemblyCompanyAttribute("WebsiteDLH")]
|
||||
[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
|
||||
[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
|
||||
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0")]
|
||||
[assembly: System.Reflection.AssemblyProductAttribute("WebsiteDLH")]
|
||||
[assembly: System.Reflection.AssemblyTitleAttribute("WebsiteDLH")]
|
||||
[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
|
||||
|
||||
// Generated by the MSBuild WriteCodeFragment class.
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
5268cb360121c5b2629aacaa89a4c7701a6f3905
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
is_global = true
|
||||
build_property.TargetFramework = net7.0
|
||||
build_property.TargetPlatformMinVersion =
|
||||
build_property.UsingMicrosoftNETSdkWeb = true
|
||||
build_property.ProjectTypeGuids =
|
||||
build_property.InvariantGlobalization =
|
||||
build_property.PlatformNeutralAssembly =
|
||||
build_property.EnforceExtendedAnalyzerRules =
|
||||
build_property._SupportedPlatformList = Linux,macOS,Windows
|
||||
build_property.RootNamespace = WebsiteDLH
|
||||
build_property.RootNamespace = WebsiteDLH
|
||||
build_property.ProjectDir = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\
|
||||
build_property.RazorLangVersion = 7.0
|
||||
build_property.SupportLocalizedComponentNames =
|
||||
build_property.GenerateRazorMetadataSourceChecksumAttributes =
|
||||
build_property.MSBuildProjectDirectory = C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH
|
||||
build_property._RazorSourceGeneratorDebug =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/BidangSudinUPT.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxCaWRhbmdTdWRpblVQVC5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Index.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxJbmRleC5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/ListArticle.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxMaXN0QXJ0aWNsZS5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/Page.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxQYWdlLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Home/StrukturOrganisasi.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcSG9tZVxTdHJ1a3R1ck9yZ2FuaXNhc2kuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/Error.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXEVycm9yLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Footer.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9Gb290ZXIuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Head.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9IZWFkLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Header.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9IZWFkZXIuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Logo.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9Mb2dvLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Scripts.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9TY3JpcHRzLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_ValidationScriptsPartial.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9WYWxpZGF0aW9uU2NyaXB0c1BhcnRpYWwuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/_ViewImports.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdJbXBvcnRzLmNzaHRtbA==
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/_ViewStart.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdTdGFydC5jc2h0bWw=
|
||||
build_metadata.AdditionalFiles.CssScope =
|
||||
|
||||
[C:/Users/hellogung/Documents/Kerjaan/DLH/WebsiteDLH/Views/Shared/_Layout.cshtml]
|
||||
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9MYXlvdXQuY3NodG1s
|
||||
build_metadata.AdditionalFiles.CssScope = b-wd3op8ae4n
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
// <auto-generated/>
|
||||
global using global::Microsoft.AspNetCore.Builder;
|
||||
global using global::Microsoft.AspNetCore.Hosting;
|
||||
global using global::Microsoft.AspNetCore.Http;
|
||||
global using global::Microsoft.AspNetCore.Routing;
|
||||
global using global::Microsoft.Extensions.Configuration;
|
||||
global using global::Microsoft.Extensions.DependencyInjection;
|
||||
global using global::Microsoft.Extensions.Hosting;
|
||||
global using global::Microsoft.Extensions.Logging;
|
||||
global using global::System;
|
||||
global using global::System.Collections.Generic;
|
||||
global using global::System.IO;
|
||||
global using global::System.Linq;
|
||||
global using global::System.Net.Http;
|
||||
global using global::System.Net.Http.Json;
|
||||
global using global::System.Threading;
|
||||
global using global::System.Threading.Tasks;
|
||||
|
|
@ -0,0 +1 @@
|
|||
5860763757f4f08c7ebdea1b3a94a18109f17861
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
//------------------------------------------------------------------------------
|
||||
// <auto-generated>
|
||||
// This code was generated by a tool.
|
||||
// Runtime Version:4.0.30319.42000
|
||||
//
|
||||
// Changes to this file may cause incorrect behavior and will be lost if
|
||||
// the code is regenerated.
|
||||
// </auto-generated>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
using System;
|
||||
using System.Reflection;
|
||||
|
||||
[assembly: Microsoft.AspNetCore.Mvc.ApplicationParts.ProvideApplicationPartFactoryAttribute("Microsoft.AspNetCore.Mvc.ApplicationParts.ConsolidatedAssemblyApplicationPartFact" +
|
||||
"ory, Microsoft.AspNetCore.Mvc.Razor")]
|
||||
|
||||
// Generated by the MSBuild WriteCodeFragment class.
|
||||
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
8111c495d28d8298410c86d074f830534ad4852e
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\appsettings.Development.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\appsettings.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.staticwebassets.runtime.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.exe
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.deps.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.runtimeconfig.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.dll
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\bin\Debug\net7.0\WebsiteDLH.pdb
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.csproj.AssemblyReference.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.GeneratedMSBuildEditorConfig.editorconfig
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.AssemblyInfoInputs.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.AssemblyInfo.cs
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.csproj.CoreCompileInputs.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.MvcApplicationPartsAssemblyInfo.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.RazorAssemblyInfo.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.RazorAssemblyInfo.cs
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.WebsiteDLH.Microsoft.AspNetCore.StaticWebAssets.props
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.build.WebsiteDLH.props
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.buildMultiTargeting.WebsiteDLH.props
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets\msbuild.buildTransitive.WebsiteDLH.props
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.pack.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.build.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\staticwebassets.development.json
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\Views\Shared\_Layout.cshtml.rz.scp.css
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\bundle\WebsiteDLH.styles.css
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\scopedcss\projectbundle\WebsiteDLH.bundle.scp.css
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.dll
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\refint\WebsiteDLH.dll
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.pdb
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\WebsiteDLH.genruntimeconfig.cache
|
||||
C:\Users\hellogung\Documents\Kerjaan\DLH\WebsiteDLH\obj\Debug\net7.0\ref\WebsiteDLH.dll
|
||||
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
612ef13f4e47c5d116c9d6804f31041a37f66ab2
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,48 @@
|
|||
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||
for details on configuring this project to bundle and minify static web assets. */
|
||||
|
||||
a.navbar-brand[b-wd3op8ae4n] {
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
a[b-wd3op8ae4n] {
|
||||
color: #0077cc;
|
||||
}
|
||||
|
||||
.btn-primary[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.border-top[b-wd3op8ae4n] {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.border-bottom[b-wd3op8ae4n] {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.box-shadow[b-wd3op8ae4n] {
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
button.accept-policy[b-wd3op8ae4n] {
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.footer[b-wd3op8ae4n] {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
/* _content/WebsiteDLH/Views/Shared/_Layout.cshtml.rz.scp.css */
|
||||
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||
for details on configuring this project to bundle and minify static web assets. */
|
||||
|
||||
a.navbar-brand[b-wd3op8ae4n] {
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
a[b-wd3op8ae4n] {
|
||||
color: #0077cc;
|
||||
}
|
||||
|
||||
.btn-primary[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.border-top[b-wd3op8ae4n] {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.border-bottom[b-wd3op8ae4n] {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.box-shadow[b-wd3op8ae4n] {
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
button.accept-policy[b-wd3op8ae4n] {
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.footer[b-wd3op8ae4n] {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
/* _content/WebsiteDLH/Views/Shared/_Layout.cshtml.rz.scp.css */
|
||||
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
||||
for details on configuring this project to bundle and minify static web assets. */
|
||||
|
||||
a.navbar-brand[b-wd3op8ae4n] {
|
||||
white-space: normal;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
a[b-wd3op8ae4n] {
|
||||
color: #0077cc;
|
||||
}
|
||||
|
||||
.btn-primary[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active[b-wd3op8ae4n], .nav-pills .show > .nav-link[b-wd3op8ae4n] {
|
||||
color: #fff;
|
||||
background-color: #1b6ec2;
|
||||
border-color: #1861ac;
|
||||
}
|
||||
|
||||
.border-top[b-wd3op8ae4n] {
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
.border-bottom[b-wd3op8ae4n] {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.box-shadow[b-wd3op8ae4n] {
|
||||
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
button.accept-policy[b-wd3op8ae4n] {
|
||||
font-size: 1rem;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.footer[b-wd3op8ae4n] {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
line-height: 60px;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,3 @@
|
|||
<Project>
|
||||
<Import Project="Microsoft.AspNetCore.StaticWebAssets.props" />
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<Project>
|
||||
<Import Project="..\build\WebsiteDLH.props" />
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<Project>
|
||||
<Import Project="..\buildMultiTargeting\WebsiteDLH.props" />
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
{
|
||||
"format": 1,
|
||||
"restore": {
|
||||
"C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj": {}
|
||||
},
|
||||
"projects": {
|
||||
"C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj": {
|
||||
"version": "1.0.0",
|
||||
"restore": {
|
||||
"projectUniqueName": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||
"projectName": "WebsiteDLH",
|
||||
"projectPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||
"packagesPath": "C:\\Users\\hellogung\\.nuget\\packages\\",
|
||||
"outputPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\",
|
||||
"projectStyle": "PackageReference",
|
||||
"fallbackFolders": [
|
||||
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
|
||||
],
|
||||
"configFilePaths": [
|
||||
"C:\\Users\\hellogung\\AppData\\Roaming\\NuGet\\NuGet.Config",
|
||||
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
|
||||
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
|
||||
],
|
||||
"originalTargetFrameworks": [
|
||||
"net7.0"
|
||||
],
|
||||
"sources": {
|
||||
"C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
|
||||
"C:\\Program Files\\dotnet\\library-packs": {},
|
||||
"C:\\Program Files\\dotnet\\sdk\\7.0.306\\Sdks\\Microsoft.NET.Sdk.Web\\library-packs": {},
|
||||
"https://api.nuget.org/v3/index.json": {}
|
||||
},
|
||||
"frameworks": {
|
||||
"net7.0": {
|
||||
"targetAlias": "net7.0",
|
||||
"projectReferences": {}
|
||||
}
|
||||
},
|
||||
"warningProperties": {
|
||||
"warnAsError": [
|
||||
"NU1605"
|
||||
]
|
||||
}
|
||||
},
|
||||
"frameworks": {
|
||||
"net7.0": {
|
||||
"targetAlias": "net7.0",
|
||||
"imports": [
|
||||
"net461",
|
||||
"net462",
|
||||
"net47",
|
||||
"net471",
|
||||
"net472",
|
||||
"net48",
|
||||
"net481"
|
||||
],
|
||||
"assetTargetFallback": true,
|
||||
"warn": true,
|
||||
"frameworkReferences": {
|
||||
"Microsoft.AspNetCore.App": {
|
||||
"privateAssets": "none"
|
||||
},
|
||||
"Microsoft.NETCore.App": {
|
||||
"privateAssets": "all"
|
||||
}
|
||||
},
|
||||
"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\7.0.306\\RuntimeIdentifierGraph.json"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="no"?>
|
||||
<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||
<PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
|
||||
<RestoreSuccess Condition=" '$(RestoreSuccess)' == '' ">True</RestoreSuccess>
|
||||
<RestoreTool Condition=" '$(RestoreTool)' == '' ">NuGet</RestoreTool>
|
||||
<ProjectAssetsFile Condition=" '$(ProjectAssetsFile)' == '' ">$(MSBuildThisFileDirectory)project.assets.json</ProjectAssetsFile>
|
||||
<NuGetPackageRoot Condition=" '$(NuGetPackageRoot)' == '' ">$(UserProfile)\.nuget\packages\</NuGetPackageRoot>
|
||||
<NuGetPackageFolders Condition=" '$(NuGetPackageFolders)' == '' ">C:\Users\hellogung\.nuget\packages\;C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages</NuGetPackageFolders>
|
||||
<NuGetProjectStyle Condition=" '$(NuGetProjectStyle)' == '' ">PackageReference</NuGetProjectStyle>
|
||||
<NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">6.6.0</NuGetToolVersion>
|
||||
</PropertyGroup>
|
||||
<ItemGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
|
||||
<SourceRoot Include="C:\Users\hellogung\.nuget\packages\" />
|
||||
<SourceRoot Include="C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages\" />
|
||||
</ItemGroup>
|
||||
</Project>
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="no"?>
|
||||
<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003" />
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
{
|
||||
"version": 3,
|
||||
"targets": {
|
||||
"net7.0": {}
|
||||
},
|
||||
"libraries": {},
|
||||
"projectFileDependencyGroups": {
|
||||
"net7.0": []
|
||||
},
|
||||
"packageFolders": {
|
||||
"C:\\Users\\hellogung\\.nuget\\packages\\": {},
|
||||
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages": {}
|
||||
},
|
||||
"project": {
|
||||
"version": "1.0.0",
|
||||
"restore": {
|
||||
"projectUniqueName": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||
"projectName": "WebsiteDLH",
|
||||
"projectPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||
"packagesPath": "C:\\Users\\hellogung\\.nuget\\packages\\",
|
||||
"outputPath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\obj\\",
|
||||
"projectStyle": "PackageReference",
|
||||
"fallbackFolders": [
|
||||
"C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
|
||||
],
|
||||
"configFilePaths": [
|
||||
"C:\\Users\\hellogung\\AppData\\Roaming\\NuGet\\NuGet.Config",
|
||||
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
|
||||
"C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
|
||||
],
|
||||
"originalTargetFrameworks": [
|
||||
"net7.0"
|
||||
],
|
||||
"sources": {
|
||||
"C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
|
||||
"C:\\Program Files\\dotnet\\library-packs": {},
|
||||
"C:\\Program Files\\dotnet\\sdk\\7.0.306\\Sdks\\Microsoft.NET.Sdk.Web\\library-packs": {},
|
||||
"https://api.nuget.org/v3/index.json": {}
|
||||
},
|
||||
"frameworks": {
|
||||
"net7.0": {
|
||||
"targetAlias": "net7.0",
|
||||
"projectReferences": {}
|
||||
}
|
||||
},
|
||||
"warningProperties": {
|
||||
"warnAsError": [
|
||||
"NU1605"
|
||||
]
|
||||
}
|
||||
},
|
||||
"frameworks": {
|
||||
"net7.0": {
|
||||
"targetAlias": "net7.0",
|
||||
"imports": [
|
||||
"net461",
|
||||
"net462",
|
||||
"net47",
|
||||
"net471",
|
||||
"net472",
|
||||
"net48",
|
||||
"net481"
|
||||
],
|
||||
"assetTargetFallback": true,
|
||||
"warn": true,
|
||||
"frameworkReferences": {
|
||||
"Microsoft.AspNetCore.App": {
|
||||
"privateAssets": "none"
|
||||
},
|
||||
"Microsoft.NETCore.App": {
|
||||
"privateAssets": "all"
|
||||
}
|
||||
},
|
||||
"runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\7.0.306\\RuntimeIdentifierGraph.json"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"version": 2,
|
||||
"dgSpecHash": "2Qz44edxesU6vDU8ONZVwbcJF+gWz2ZD5AHT5mx9Im/jqWVS1kku+Qw0uz1UJvl1vRNHSqqQIGwhOeD6qkmM0Q==",
|
||||
"success": true,
|
||||
"projectFilePath": "C:\\Users\\hellogung\\Documents\\Kerjaan\\DLH\\WebsiteDLH\\WebsiteDLH.csproj",
|
||||
"expectedPackageFiles": [],
|
||||
"logs": []
|
||||
}
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
#header .header-body {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
#content p,
|
||||
#content a,
|
||||
#content li {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
#content ol li,
|
||||
#content ul li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.overflow-ellipsis-1 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 1; /* Atur jumlah baris yang diinginkan */
|
||||
}
|
||||
|
||||
|
||||
.overflow-ellipsis-2 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 2; /* Atur jumlah baris yang diinginkan */
|
||||
}
|
||||
|
||||
|
||||
.overflow-ellipsis-3 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 3; /* Atur jumlah baris yang diinginkan */
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,299 @@
|
|||
html, body, .body {
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.custom-font-size-1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-font-size-1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-stroke-text-effect-1 {
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
-webkit-text-stroke-color: #777;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-carousel-1 {
|
||||
position: relative;
|
||||
background: url(../../img/demos/app-landing/backgrounds/bg-smartphone.png);
|
||||
width: 344px;
|
||||
height: 636px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel {
|
||||
padding: 72px 0 0 3px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-next:before {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev {
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev:before {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-call-to-action {
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
border-radius: 70px;
|
||||
}
|
||||
|
||||
.custom-feature-box-1 .feature-box-icon {
|
||||
width: 4.5em;
|
||||
height: 4.5em;
|
||||
}
|
||||
|
||||
.custom-feature-box-1 .feature-box-icon:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-img-1 {
|
||||
position: absolute;
|
||||
top: -35%;
|
||||
right: -25px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-1 {
|
||||
position: absolute;
|
||||
right: -200%;
|
||||
top: -60%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-1 {
|
||||
right: -78%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-1 {
|
||||
right: -45%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-1 {
|
||||
right: -35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-1 {
|
||||
right: -21%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-2 {
|
||||
position: absolute;
|
||||
left: -120%;
|
||||
top: -207%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-2 {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-2 {
|
||||
left: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-2 {
|
||||
left: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-3 {
|
||||
position: absolute;
|
||||
right: -120%;
|
||||
top: 12%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-3 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-3 {
|
||||
right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-3 {
|
||||
right: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-3 {
|
||||
right: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-4 {
|
||||
position: absolute;
|
||||
left: -120%;
|
||||
top: 0%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-4 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-4 {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-4 {
|
||||
left: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-4 {
|
||||
left: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-el {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el-circle {
|
||||
border: 2px solid #CCC;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.custom-el-rounded-rectangle {
|
||||
border: 2px solid #CCC;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.custom-el-blur-1 {
|
||||
filter: blur(1px);
|
||||
}
|
||||
|
||||
.custom-el-blur-2 {
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
.custom-rotate-45 {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon .animated-icon {
|
||||
border: 1px solid #d9d9d9;
|
||||
padding: 14px;
|
||||
border-radius: 50%;
|
||||
max-width: 105px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon h4 {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -0.5px;
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-icon h4 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect {
|
||||
position: relative;
|
||||
min-width: 115px;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect-dots {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 5px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-connect-dots {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect-point {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 98px;
|
||||
margin-top: 15px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-connect-point {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,585 @@
|
|||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .btn {
|
||||
font-family: 'Overpass', sans-serif;
|
||||
}
|
||||
|
||||
.custom-container-style {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-container-style {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-container-style-2 {
|
||||
max-width: 78%;
|
||||
}
|
||||
|
||||
.custom-container-style-3 {
|
||||
min-width: 85vw;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.custom-container-style-3 {
|
||||
min-width: 540px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-container-style-3 {
|
||||
min-width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-container-style-3 {
|
||||
min-width: 960px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-container-style-3 {
|
||||
min-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-container-style-3 {
|
||||
min-width: 1440px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-container-position-1 {
|
||||
position: relative;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.custom-bg-grey-1 {
|
||||
background: #747473 !important;
|
||||
}
|
||||
|
||||
.custom-margin-top {
|
||||
margin-top: 170px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-margin-top {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-margin-top {
|
||||
margin-top: -80px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-page-wrapper {
|
||||
padding-left: 6.4vw;
|
||||
padding-right: 6.4vw;
|
||||
}
|
||||
|
||||
.custom-font-secondary {
|
||||
font-family: 'Overpass', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-font-tertiary {
|
||||
font-family: 'PT Serif', serif !important;
|
||||
}
|
||||
|
||||
.custom-btn-style-1 {
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.custom-btn-style-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: -5px;
|
||||
bottom: -5px;
|
||||
left: -5px;
|
||||
border: 1px solid #CCC;
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
.custom-btn-style-1:hover:before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.custom-btn-style-1.custom-btn-style-1-right {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.custom-box-shadow-1 {
|
||||
box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.custom-stroke-text-effect-1 {
|
||||
-webkit-text-fill-color: #FFF;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
-webkit-text-stroke-color: #CCC;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-big-font-size-1 {
|
||||
font-size: 147.2px;
|
||||
font-size: 9.2rem;
|
||||
}
|
||||
|
||||
.custom-big-font-size-2 {
|
||||
font-size: 187.2px;
|
||||
font-size: 11.7rem;
|
||||
}
|
||||
|
||||
.custom-big-font-size-3 {
|
||||
font-size: 115.2px;
|
||||
font-size: 7.2rem;
|
||||
}
|
||||
|
||||
.custom-img-thumbnail-style-1:before {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.custom-ls-1 {
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
|
||||
.custom-link-effect-1 {
|
||||
position: relative;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.custom-link-effect-1:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 1px;
|
||||
border-bottom: 2px solid #CCC;
|
||||
transition: ease width 300ms;
|
||||
}
|
||||
|
||||
.custom-link-effect-1:hover:after, .custom-link-effect-1.active:after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@keyframes customFadeFlipAnim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(-20px) perspective(600px) rotateX(10deg);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0) perspective(600px) rotateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.customFadeFlipAnim {
|
||||
animation-name: customFadeFlipAnim;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
html.sticky-header-active #header .header-body {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#header .header-nav-main nav > ul > li .dropdown-menu {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav {
|
||||
flex: 0 auto;
|
||||
}
|
||||
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
|
||||
color: #FFF !important;
|
||||
}
|
||||
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
||||
background: #FFF !important;
|
||||
}
|
||||
#header .header-nav.header-nav-line nav > ul li:hover > a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
||||
background: #FFF !important;
|
||||
}
|
||||
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before,
|
||||
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
|
||||
transform: none;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
font-family: 'Overpass', sans-serif;
|
||||
letter-spacing: 1px;
|
||||
text-transform: none;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
|
||||
font-size: 14px;
|
||||
font-family: 'Overpass', sans-serif;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#header .header-container {
|
||||
padding: 0 6.5vw;
|
||||
}
|
||||
#header.header-transparent .header-nav-main nav {
|
||||
padding: 0 6.4vw !important;
|
||||
}
|
||||
html.sticky-header-active #header.header-transparent .header-nav-main nav {
|
||||
padding: 0 6.4vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header Search
|
||||
*/
|
||||
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
|
||||
border-bottom-color: #FFF !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.custom-slider-background {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 6.4vw;
|
||||
right: 6.4vw;
|
||||
bottom: 0;
|
||||
transform: translate3d(0, 103px, 0);
|
||||
opacity: 0;
|
||||
transition: ease box-shadow 300ms;
|
||||
}
|
||||
|
||||
.custom-slider-background .custom-slider-background-image-stage-outer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.custom-slider-background .custom-slider-background-image-stage-outer .custom-slider-background-image-stage .custom-slider-background-image-item {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.custom-slider-background.show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.custom-slider-background.show .custom-slider-background-image-stage-outer .custom-slider-background-image-stage {
|
||||
transition: ease transform 1s;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-slider-background .custom-slider-background-image-stage-outer {
|
||||
width: 100%;
|
||||
}
|
||||
.custom-slider-background .custom-slider-background-image-stage-outer:nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#slider .owl-nav {
|
||||
transition: ease opacity 1s;
|
||||
}
|
||||
|
||||
#slider .owl-nav.hide {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#slider .owl-nav.show {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.has-sticky-header-transform .custom-slider-background {
|
||||
transform: translate3d(0, 136px, 0);
|
||||
}
|
||||
|
||||
.has-sticky-header-transform + #footer {
|
||||
margin-top: -33px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Breadcrumb
|
||||
*/
|
||||
.custom-breadcrumb-style-1.breadcrumb > li + li:before {
|
||||
content: "\f054";
|
||||
font-size: 14.4px;
|
||||
font-size: 0.9rem;
|
||||
padding-right: 10px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Card
|
||||
*/
|
||||
.custom-card-style-1 {
|
||||
transition: ease background-color 300ms;
|
||||
}
|
||||
|
||||
.custom-card-style-1:hover {
|
||||
background-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-card-style-1:hover p {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel
|
||||
*/
|
||||
@media (max-width: 767px) {
|
||||
.custom-dots-position .owl-dots {
|
||||
top: calc(50% + 275px) !important;
|
||||
transform: translate3d(0px, 0, 0px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.custom-dots-position .owl-dots {
|
||||
top: calc(50% + 225px) !important;
|
||||
transform: translate3d(0px, 0, 0px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots {
|
||||
margin-top: 20px !important;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot span {
|
||||
background: transparent;
|
||||
border: 1px solid #CCC;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot:hover span, .custom-dots-style-1 .owl-dots .owl-dot.active span {
|
||||
background: #CCC;
|
||||
}
|
||||
|
||||
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot span {
|
||||
border-color: #FFF;
|
||||
}
|
||||
|
||||
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot:hover span, .custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot.active span {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.custom-hide-prev-nav .owl-nav .owl-prev {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-prev,
|
||||
.custom-nav-grey.owl-carousel.nav-style-1 .owl-nav .owl-next {
|
||||
color: #aaaaaa !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Section
|
||||
*/
|
||||
.custom-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.custom-section .custom-section-left-content,
|
||||
.custom-section .custom-section-right-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom-section .custom-section-middle-content {
|
||||
width: 100%;
|
||||
margin: 0 -70px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-section .custom-section-left-content,
|
||||
.custom-section .custom-section-right-content {
|
||||
display: block;
|
||||
width: 34vw;
|
||||
}
|
||||
.custom-section .custom-section-middle-content {
|
||||
width: 50vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-section .custom-section-left-content,
|
||||
.custom-section .custom-section-right-content {
|
||||
width: 34vw;
|
||||
}
|
||||
.custom-section .custom-section-middle-content {
|
||||
width: 40vw;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Heading Style
|
||||
*/
|
||||
.custom-heading-style-1 {
|
||||
position: relative;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.custom-heading-style-1 .custom-heading-style-1-step {
|
||||
position: absolute;
|
||||
font-size: 4.5em;
|
||||
font-weight: 900;
|
||||
font-family: 'Overpass', sans-serif;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
opacity: 0.1;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.custom-heading-style-1 .custom-heading-style-1-text {
|
||||
position: relative;
|
||||
letter-spacing: 4.5px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
* Testimonial
|
||||
*/
|
||||
.custom-testimonial-quote.testimonial.testimonial-with-quotes blockquote:before {
|
||||
content: '\f10d';
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 22.4px;
|
||||
font-size: 1.4rem;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.custom-page-header-1 {
|
||||
padding: 0 6.4vw !important;
|
||||
}
|
||||
|
||||
.custom-page-header-1 .custom-page-header-1-wrapper {
|
||||
transform: translate3d(0, 103px, 0);
|
||||
transition: ease box-shadow 300ms;
|
||||
}
|
||||
|
||||
/*
|
||||
* Load More
|
||||
*/
|
||||
.load-more-loader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sort Navigation
|
||||
*/
|
||||
.custom-nav-filter > li > a {
|
||||
color: #212121 !important;
|
||||
background: transparent !important;
|
||||
border-radius: 0 !important;
|
||||
padding: 0 4px;
|
||||
font-weight: 600;
|
||||
font-size: 14.4px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.custom-nav-filter > li.active > a {
|
||||
border-bottom: 1px solid #CCC !important;
|
||||
}
|
||||
|
||||
.custom-nav-filter > li + li {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact Form
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
height: calc(1.8em + 1.85rem + 2px);
|
||||
padding: 15.6px 20px;
|
||||
padding: 0.975rem 1.25rem;
|
||||
background: #f7f7f7;
|
||||
border-color: #f7f7f7;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:focus {
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select {
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option[selected] {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer p, #footer li, #footer span, #footer a:not(.btn):not(.no-footer-css) {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#footer .footer-copyright p {
|
||||
color: #999;
|
||||
}
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
.custom-font-primary {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-font-secondary {
|
||||
font-family: 'Montserrat', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-negative-margin-top {
|
||||
margin-top: -150px;
|
||||
}
|
||||
|
||||
.custom-box-shadow-1 {
|
||||
box-shadow: 0px 0px 100px -27px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.custom-btn-pos-1 {
|
||||
transform: translate3d(0, 100%, 0);
|
||||
margin-top: -37px;
|
||||
}
|
||||
|
||||
.custom-text-size-1 {
|
||||
font-size: 6.4em;
|
||||
}
|
||||
|
||||
.custom-text-color-grey-1 {
|
||||
color: #777 !important;
|
||||
}
|
||||
|
||||
.custom-border-color-grey {
|
||||
border-color: #43474A !important;
|
||||
}
|
||||
|
||||
.custom-transition-1 rect {
|
||||
transition: ease all 3s !important;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) and (max-width: 1530px) {
|
||||
.custom-responsive-text-size-1 {
|
||||
font-size: 0.8rem !important;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-responsive-m-p-x {
|
||||
margin-right: 3rem !important;
|
||||
margin-left: 3rem !important;
|
||||
padding-right: 3rem !important;
|
||||
padding-left: 3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-plus {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-plus:before {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: -23px;
|
||||
font-size: 0.4em;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.custom-square-1 {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: -10px;
|
||||
}
|
||||
|
||||
.custom-square-1 rect {
|
||||
fill-opacity: 0;
|
||||
stroke-dasharray: 1550;
|
||||
stroke-dashoffset: 1550;
|
||||
transition: ease all 2000ms;
|
||||
}
|
||||
|
||||
.custom-square-1 rect.appear-animation-visible {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
|
||||
.custom-square-1.custom-square-top-right {
|
||||
right: -10px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.custom-square-1.custom-square-1-no-pos {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.custom-square-1.custom-square-1-no-pos rect.appear-animation-visible {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-mobile-square-thickness rect {
|
||||
stroke-width: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.lineProgressFrom {
|
||||
stroke-dashoffset: 1550 !important;
|
||||
transition: ease stroke-dashoffset 8s !important;
|
||||
}
|
||||
|
||||
.lineProgressTo {
|
||||
stroke-dashoffset: 0 !important;
|
||||
}
|
||||
|
||||
.lineProgressAndFillFrom {
|
||||
stroke-dashoffset: 1550;
|
||||
fill-opacity: 0;
|
||||
transition: ease stroke-dashoffset 3s, ease fill-opacity 1s 2s !important;
|
||||
}
|
||||
|
||||
.lineProgressAndFillTo {
|
||||
stroke-dashoffset: 300;
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
.custom-btn-color-1 {
|
||||
border-color: #43474A !important;
|
||||
}
|
||||
|
||||
.custom-btn-color-1:hover {
|
||||
border-color: #212529 !important;
|
||||
}
|
||||
|
||||
.custom-btn-style-1.btn-dark {
|
||||
background: #FFF !important;
|
||||
}
|
||||
|
||||
.custom-btn-style-1.btn-dark:hover {
|
||||
background: #212529 !important;
|
||||
}
|
||||
|
||||
.active-revslide .custom-square-1 rect {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
|
||||
.custom-featured-boxes-style-1 .featured-box .box-content {
|
||||
padding: 60.8px 28.8px;
|
||||
padding: 3.8rem 1.8rem;
|
||||
border: 7px solid #43474A;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-featured-boxes-style-1 .featured-box .box-content svg {
|
||||
width: 88px;
|
||||
height: auto;
|
||||
fill: #FFF;
|
||||
transition: ease fill 300ms;
|
||||
}
|
||||
|
||||
.custom-thumb-info-style-1.thumb-info-bottom-info-dark-linear .thumb-info-title {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.custom-thumb-info-style-1.thumb-info-bottom-info .thumb-info-title {
|
||||
padding: 36.8px;
|
||||
padding: 2.3rem;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-size-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-size-1 .owl-nav .owl-next {
|
||||
font-size: 22.4px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.card:hover .custom-square-1 rect {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
|
||||
.card.custom-card-style-1 {
|
||||
background: transparent;
|
||||
border: 7px solid #43474A;
|
||||
}
|
||||
|
||||
.inner-page .main {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
#header.side-header-hide [data-plugin-scrollable] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,528 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-border-radius-1 {
|
||||
border-radius: 7px !important;
|
||||
}
|
||||
|
||||
.custom-text-underline-1 {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.custom-btn-border-radius {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.custom-btn-arrow-effect-1 > svg {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-btn-arrow-effect-1:hover > svg {
|
||||
transform: translate3d(8px, 0, 0);
|
||||
}
|
||||
|
||||
.custom-select-1.custom-select-1-arrow-position:before {
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.custom-svg-1 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -100px;
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.custom-svg-2 {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: -260px;
|
||||
width: 190px;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
.custom-svg-3 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.custom-svg-3 {
|
||||
display: block;
|
||||
bottom: -80px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-3 {
|
||||
bottom: -150px;
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-bg-color-grey-1 {
|
||||
background-color: #f4f4f4 !important;
|
||||
}
|
||||
|
||||
.custom-alert-bg-color-1 {
|
||||
background-color: #fffcd6 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-section-background {
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-section-background .container:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 85%;
|
||||
width: 100vw;
|
||||
height: calc( 100% + 150px);
|
||||
background: #FFF;
|
||||
z-index: 0;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-section-background .container:before {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1920px) {
|
||||
.custom-background-style-1 {
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-background-style-1 {
|
||||
background-image: none !important;
|
||||
background-color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2050px), (max-width: 991px) {
|
||||
.custom-background-size-1 {
|
||||
background-size: cover !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2050px) {
|
||||
.custom-background-size-1 {
|
||||
background-position: 14vw 50% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-background-1 {
|
||||
position: absolute;
|
||||
width: 1000%;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
height: 100%;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-svg-background-1 {
|
||||
left: 77%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-svg-background-1 {
|
||||
left: 82%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-remove-mobile-border-left {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-remove-mobile-xs-border-left {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-divider > hr {
|
||||
height: 4px !important;
|
||||
}
|
||||
|
||||
@keyframes customLineAnim {
|
||||
from {
|
||||
stroke-dasharray: 1600;
|
||||
stroke-dashoffset: 1600;
|
||||
}
|
||||
to {
|
||||
stroke-dasharray: 2500;
|
||||
stroke-dashoffset: 1600;
|
||||
}
|
||||
}
|
||||
|
||||
.customLineAnim {
|
||||
animation-name: customLineAnim;
|
||||
}
|
||||
|
||||
@keyframes customLineAnim2 {
|
||||
from {
|
||||
stroke-dasharray: 2650;
|
||||
stroke-dashoffset: 2650;
|
||||
}
|
||||
to {
|
||||
stroke-dasharray: 2650;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.customLineAnim2 {
|
||||
animation-name: customLineAnim2;
|
||||
}
|
||||
|
||||
@keyframes customLineProgressAnim {
|
||||
from {
|
||||
width: 0;
|
||||
}
|
||||
to {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.customLineProgressAnim {
|
||||
animation-name: customLineProgressAnim;
|
||||
}
|
||||
|
||||
/*
|
||||
* Social Icons
|
||||
*/
|
||||
.custom-social-icons-divider > li + li {
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.custom-social-icons-divider > li + li:before {
|
||||
content: '';
|
||||
border-left: 1px solid #dadcdd;
|
||||
height: 80%;
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
top: 50%;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header .header-container {
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
#header .header-nav-features .header-nav-feature.px-4 .header-nav-features-dropdown.show {
|
||||
right: calc( 100% - 30px) !important;
|
||||
}
|
||||
|
||||
.custom-left-border-1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-left-border-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -22px;
|
||||
height: 60%;
|
||||
border-left: 1px solid #CCC;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Icon Style
|
||||
*/
|
||||
.custom-icon-style-1 {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 95px;
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
.custom-icon-style-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border: 2px solid #CCC;
|
||||
border-radius: 7px;
|
||||
transform: rotate(45deg);
|
||||
z-index: 0;
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.custom-icon-style-1 svg {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.custom-icon-box-style-1 h3 {
|
||||
transition: ease color 300ms;
|
||||
}
|
||||
|
||||
/*
|
||||
* Thumb Info
|
||||
*/
|
||||
.custom-thumb-info-style-1 .thumb-info-wrapper {
|
||||
border-radius: 25px !important;
|
||||
border: 5px solid transparent !important;
|
||||
transition: ease border 300ms;
|
||||
}
|
||||
|
||||
.custom-thumb-info-style-1 h3 {
|
||||
transition: ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-img-thumbnail-style-1.img-thumbnail.img-thumbnail-hover-icon:before {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Testimonial
|
||||
*/
|
||||
.custom-testimonial-style-1 blockquote {
|
||||
padding: 5px 20px !important;
|
||||
}
|
||||
|
||||
.custom-testimonial-style-1 blockquote p {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
.custom-testimonial-style-1.testimonial-with-quotes blockquote:before {
|
||||
content: "\f10d";
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-carousel-box-shadow-1 {
|
||||
position: relative;
|
||||
}
|
||||
.custom-carousel-box-shadow-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 65%;
|
||||
height: 0px;
|
||||
box-shadow: 0 0 40px 120px rgba(0, 0, 0, 0.07);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Accordion
|
||||
*/
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #f4f4f4;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||
border: 1px solid #CCC;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Services Detail
|
||||
*/
|
||||
.custom-nav-list-effect-1 > li > a {
|
||||
position: relative;
|
||||
transition: ease padding 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li > a:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 4px solid #CCC;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
transition: ease opacity 300ms, ease width 300ms;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
|
||||
padding-left: 45px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
|
||||
width: 30px;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.custom-feature-box-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.custom-feature-box-justify-center .feature-box-icon,
|
||||
.custom-feature-box-justify-center .feature-box-info {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
border: 0;
|
||||
background: #f4f4f4;
|
||||
border-radius: 35px;
|
||||
height: auto;
|
||||
padding: 20px 25px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Datepicker
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 10px;
|
||||
margin: 0 auto;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.datepicker.datepicker-inline {
|
||||
line-height: 1.7em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.datepicker table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.datepicker table tr td {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.datepicker table thead tr th {
|
||||
cursor: pointer;
|
||||
font-size: 12.8px;
|
||||
font-size: 0.8rem;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.datepicker table thead tr th.prev {
|
||||
content: '\f0d9';
|
||||
font-family: 'Font Awesome 6 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.datepicker table thead tr th.next {
|
||||
content: '\f0da';
|
||||
font-family: 'Font Awesome 6 Free';
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.datepicker table thead tr th:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.datepicker table thead tr:last-child th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.datepicker table thead tr:last-child th:hover {
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.datepicker table td {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.datepicker table td.day {
|
||||
transition: background-color .1s ease-in .1s, color .1s ease-in .1s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
#footer a:not(.btn):not(.no-footer-css), #footer li, #footer span, #footer p {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
.custom-list-style-1 > li {
|
||||
margin-bottom: 0;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.custom-list-style-1 > li + li {
|
||||
border-top: 1px solid #46474a;
|
||||
}
|
||||
|
||||
.custom-list-style-1 > li:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.custom-list-style-1 > li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,205 @@
|
|||
h1, h2, h3, h4, h5, h6, span, a {
|
||||
font-family: 'Josefin Sans', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
|
||||
.custom-font-primary {
|
||||
font-family: 'Josefin Sans', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-font-secondary {
|
||||
font-family: 'Montserrat', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-border-color-1 {
|
||||
border-color: #424549 !important;
|
||||
}
|
||||
|
||||
.custom-font-size-1 {
|
||||
font-size: 22.4px !important;
|
||||
font-size: 1.4rem !important;
|
||||
}
|
||||
|
||||
.custom-font-size-2 {
|
||||
font-size: 12.8px !important;
|
||||
font-size: 0.8rem !important;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav .header-nav-line nav > ul:not(:hover) li > a.active {
|
||||
color: #FFF !important;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li {
|
||||
margin-right: 1.2rem;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom Porto SVG Logo (initial state for animation inside slide) */
|
||||
.custom-porto-svg-logo path {
|
||||
fill-opacity: 0;
|
||||
stroke-width: 1px;
|
||||
stroke: #FFF;
|
||||
stroke-dasharray: 630;
|
||||
stroke-dashoffset: 630;
|
||||
transition: ease stroke-dashoffset 5s, ease fill-opacity 1s 1.7s;
|
||||
}
|
||||
|
||||
.custom-porto-svg-logo.active path {
|
||||
stroke-dashoffset: 0;
|
||||
fill-opacity: 1;
|
||||
}
|
||||
|
||||
/* Custom Borders Divider */
|
||||
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #212529;
|
||||
border-top-width: 0;
|
||||
border-right-width: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1), .custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-borders-divider-style-1 > div[class*="col"] {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1) {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
.custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom Brands Colors */
|
||||
.custom-spotify-hover-effect {
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.custom-spotify-hover-effect:hover {
|
||||
background: #24cf5f;
|
||||
}
|
||||
|
||||
.custom-itunes-hover-effect {
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.custom-itunes-hover-effect:hover {
|
||||
background: #d948dd;
|
||||
}
|
||||
|
||||
.custom-amazon-hover-effect {
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.custom-amazon-hover-effect:hover {
|
||||
background: #ff9b00;
|
||||
}
|
||||
|
||||
.custom-googlemusic-hover-effect {
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.custom-googlemusic-hover-effect:hover {
|
||||
background: #f4522b;
|
||||
}
|
||||
|
||||
/* Custom Tour Items Hover Effect */
|
||||
.custom-tour-wrapper {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.custom-tour-wrapper .custom-tour-stage {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-tour-wrapper .custom-tour-stage > .custom-tour-item + .custom-tour-item {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
|
||||
.custom-tour-wrapper:not(.custom-tour-wrapper-static):hover > .custom-tour-stage {
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
|
||||
/* Custom Thumb Info */
|
||||
.custom-thumb-info-style-1 .overlay:before {
|
||||
transition: ease all 300ms 0ms !important;
|
||||
}
|
||||
|
||||
.custom-thumb-info-style-1:hover .overlay:before {
|
||||
opacity: 0.8 !important;
|
||||
background: #0c0c0c !important;
|
||||
}
|
||||
|
||||
.custom-thumb-info-style-1 .thumb-info-title {
|
||||
padding: 28.8px 44.8px 36.8px 33.6px !important;
|
||||
padding: 1.8rem 2.8rem 2.3rem 2.1rem !important;
|
||||
}
|
||||
|
||||
/* Custom Card Style */
|
||||
.custom-card-style-1 .custom-card-img-top-wrapper .post-date {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 35px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month {
|
||||
display: block;
|
||||
background: #CCC;
|
||||
border-radius: 0 0 2px 2px;
|
||||
color: #FFF;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.8;
|
||||
padding: 1px 10px;
|
||||
text-transform: uppercase;
|
||||
font-family: "Poppins", Arial, sans-serif;
|
||||
}
|
||||
|
||||
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day {
|
||||
background: #f7f7f7;
|
||||
border-radius: 2px 2px 0 0;
|
||||
color: #CCC;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: 900;
|
||||
padding: 10px;
|
||||
font-family: "Poppins", Arial, sans-serif;
|
||||
}
|
||||
|
||||
/* Custom SVG Line Animation */
|
||||
@keyframes customSVGLineAnim {
|
||||
from {
|
||||
stroke-dasharray: 40;
|
||||
stroke-dashoffset: 40;
|
||||
}
|
||||
to {
|
||||
stroke-dasharray: 40;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.customSVGLineAnim {
|
||||
animation-name: customSVGLineAnim;
|
||||
}
|
||||
|
|
@ -0,0 +1,417 @@
|
|||
@charset "UTF-8";
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
|
||||
.custom-primary-font {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-secondary-font {
|
||||
font-family: 'Montserrat', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-tertiary-font {
|
||||
font-family: 'Playfair Display', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-padding-1 {
|
||||
padding: 11.2px 12.8px !important;
|
||||
padding: 0.7rem 0.8rem !important;
|
||||
}
|
||||
|
||||
.custom-font-weight-medium {
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.custom-font-weight-extra-light {
|
||||
font-weight: 200 !important;
|
||||
}
|
||||
|
||||
.custom-fs-1 {
|
||||
font-size: 1.3em !important;
|
||||
}
|
||||
|
||||
.custom-fs-2 {
|
||||
font-size: 53.44px !important;
|
||||
font-size: 3.34rem !important;
|
||||
}
|
||||
|
||||
.text-3 {
|
||||
font-size: 1.1em !important;
|
||||
}
|
||||
|
||||
.custom-btn-style-1 {
|
||||
background-color: #000 !important;
|
||||
border-color: #000 !important;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 17.6px;
|
||||
font-size: 1.1rem;
|
||||
color: #FFF !important;
|
||||
padding: 8px 24px !important;
|
||||
padding: 0.5rem 1.5rem !important;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-mobile-scale-1 {
|
||||
transform: scale(0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-slider-dot {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
@keyframes lineProgress {
|
||||
from {
|
||||
stroke-dashoffset: 1550;
|
||||
}
|
||||
to {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.lineProgress {
|
||||
animation-name: lineProgress;
|
||||
}
|
||||
|
||||
@keyframes lineProgressAndFill {
|
||||
0% {
|
||||
stroke-dasharray: 1440;
|
||||
stroke-dashoffset: 1440;
|
||||
fill-opacity: 0;
|
||||
}
|
||||
75% {
|
||||
fill-opacity: 0.5;
|
||||
}
|
||||
90% {
|
||||
stroke-dasharray: 1440;
|
||||
stroke-dashoffset: 0;
|
||||
fill-opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 1440;
|
||||
stroke-dashoffset: 0;
|
||||
fill-opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.lineProgressAndFill {
|
||||
animation-name: lineProgressAndFill;
|
||||
}
|
||||
|
||||
.custom-side-dots {
|
||||
position: relative;
|
||||
padding-left: 19.2px;
|
||||
padding-left: 1.2rem;
|
||||
padding-right: 19.2px;
|
||||
padding-right: 1.2rem;
|
||||
}
|
||||
|
||||
.custom-side-dots:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
background-color: #CCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 100%;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
.custom-side-dots:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
background-color: #CCC;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 100%;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-rm-right {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-rm-right:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-rm-left {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-rm-left:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-at-top {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-at-top:before, .custom-side-dots.custom-side-dots-at-top:after {
|
||||
top: 44px;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-big:before, .custom-side-dots.custom-side-dots-big:after {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-outside:before {
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
.custom-side-dots.custom-side-dots-outside:after {
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-side-dots.custom-side-dots-rm-sm:before, .custom-side-dots.custom-side-dots-rm-sm:after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-images-position-1 div:nth-child(2) {
|
||||
transform: translate3d(-50%, -30%, 0);
|
||||
}
|
||||
|
||||
.custom-images-position-1 div:nth-child(3) {
|
||||
transform: translate3d(76%, 30%, 0);
|
||||
}
|
||||
|
||||
.custom-images-position-1 div:nth-child(4) {
|
||||
transform: translate3d(-13%, 147%, 0);
|
||||
}
|
||||
|
||||
.custom-circle-pos-1 {
|
||||
top: -170px !important;
|
||||
}
|
||||
|
||||
.custom-circle-pos-2 {
|
||||
bottom: -210px !important;
|
||||
right: -170px !important;
|
||||
}
|
||||
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 14.4px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
padding: 0 1.2rem !important;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li > a:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50.7%;
|
||||
right: -5px;
|
||||
background-color: #FFF !important;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 100%;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
#header .header-nav-main nav > ul > li:last-child > a:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-blockquote-style-1 {
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 8px 44.8px;
|
||||
padding: 0.5rem 2.8rem;
|
||||
}
|
||||
|
||||
.custom-blockquote-style-1:before {
|
||||
content: "“";
|
||||
position: absolute;
|
||||
left: -2px;
|
||||
top: -24px;
|
||||
font-size: 75px;
|
||||
font-style: normal;
|
||||
font-family: 'Playfair Display', sans-serif;
|
||||
line-height: 1;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.custom-blockquote-style-1 p {
|
||||
font-family: 'Playfair Display', sans-serif;
|
||||
font-size: 20.8px;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.custom-testimonial-style-1 .custom-testimonial-quote > span {
|
||||
font-family: 'Playfair Display', sans-serif;
|
||||
font-size: 192px;
|
||||
font-size: 12rem;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
max-height: 94.4px;
|
||||
max-height: 5.9rem;
|
||||
}
|
||||
|
||||
.custom-working-hours {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.custom-working-hours .custom-working-hours-item {
|
||||
flex-basis: 14.2857%;
|
||||
max-width: 14.2857%;
|
||||
text-align: center;
|
||||
box-shadow: 0px 0px 38px -3px rgba(111, 111, 111, 0.15);
|
||||
margin-left: 7px;
|
||||
margin-right: 7px;
|
||||
padding: 40px 8px;
|
||||
padding: 2.5rem 0.5rem;
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
.custom-working-hours .custom-working-hours-item:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.custom-working-hours .custom-working-hours-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.custom-working-hours .custom-working-hours-item:hover, .custom-working-hours .custom-working-hours-item.active {
|
||||
background-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-working-hours .custom-working-hours-item:hover *, .custom-working-hours .custom-working-hours-item.active * {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-working-hours {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.custom-working-hours .custom-working-hours-item {
|
||||
flex-basis: 23.1857%;
|
||||
max-width: 23.1857%;
|
||||
}
|
||||
.custom-working-hours .custom-working-hours-item:nth-child(5), .custom-working-hours .custom-working-hours-item:nth-child(6), .custom-working-hours .custom-working-hours-item:nth-child(7) {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-working-hours .custom-working-hours-item {
|
||||
flex-basis: 30.4857%;
|
||||
max-width: 30.4857%;
|
||||
}
|
||||
.custom-working-hours .custom-working-hours-item:nth-child(4) {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-working-hours .custom-working-hours-item {
|
||||
flex-basis: 44.9857%;
|
||||
max-width: 44.9857%;
|
||||
}
|
||||
.custom-working-hours .custom-working-hours-item:nth-child(3) {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-title,
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
|
||||
font-size: 20.8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-line {
|
||||
width: 100%;
|
||||
border-bottom: dashed 1px #777;
|
||||
}
|
||||
|
||||
.custom-instagram-feed {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.custom-instagram-feed .custom-instagram-feed-title {
|
||||
flex-basis: 12.5%;
|
||||
max-width: 12.5%;
|
||||
text-align: center;
|
||||
padding: 0 32px;
|
||||
padding: 0 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.custom-instagram-feed .custom-intagram-feed-content {
|
||||
flex-basis: 87.5%;
|
||||
max-width: 87.5%;
|
||||
}
|
||||
|
||||
@media (max-width: 1440px) {
|
||||
.custom-instagram-feed .custom-instagram-feed-title {
|
||||
flex-basis: 32.5%;
|
||||
max-width: 32.5%;
|
||||
}
|
||||
.custom-instagram-feed .custom-intagram-feed-content {
|
||||
flex-basis: 67.5%;
|
||||
max-width: 67.5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-instagram-feed .custom-instagram-feed-title {
|
||||
flex-basis: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
.custom-instagram-feed .custom-intagram-feed-content {
|
||||
flex-basis: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-moz-placeholder {
|
||||
color: #777;
|
||||
}
|
||||
|
|
@ -0,0 +1,114 @@
|
|||
.custom-container-style-1 {
|
||||
min-width: 85vw;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.custom-container-style-1 {
|
||||
min-width: 540px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-container-style-1 {
|
||||
min-width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-container-style-1 {
|
||||
min-width: 960px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-container-style-1 {
|
||||
min-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-container-style-1 {
|
||||
min-width: 1440px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-container-position-1 {
|
||||
position: relative;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: 'Playfair Display', sans-serif;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.custom-primary-font {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-secondary-font {
|
||||
font-family: 'Playfair Display', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-tertiary-font {
|
||||
font-family: 'Rouge Script', cursive !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-text-lg-1 {
|
||||
font-size: 6em !important;
|
||||
line-height: 1 !important;
|
||||
}
|
||||
.custom-text-lg-2 {
|
||||
font-size: 380px !important;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #e7e7e7;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before {
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
#header .header-nav.header-nav-line nav > ul > li {
|
||||
margin: 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
letter-spacing: -0.3px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-card-services .card-body {
|
||||
min-height: 345px;
|
||||
}
|
||||
|
||||
.custom-card-services .custom-card-services-icon {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.custom-card-services .custom-card-services-icon svg {
|
||||
opacity: 0.05 !important;
|
||||
}
|
||||
|
||||
.block-follow-instagram {
|
||||
width: 480px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
footer.border-top {
|
||||
border-top-color: #e7e7e7 !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,891 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
/*
|
||||
* Container
|
||||
*/
|
||||
@media (min-width: 1240px) {
|
||||
.container {
|
||||
max-width: 1240px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* BG
|
||||
*/
|
||||
.custom-bg-color-lighter-grey {
|
||||
background: #fafafc !important;
|
||||
}
|
||||
|
||||
.custom-bg-color-light-grey {
|
||||
background: #dde2ea !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Button
|
||||
*/
|
||||
.custom-btn {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
* Half Section
|
||||
*/
|
||||
.col-half-section {
|
||||
max-width: 590px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.col-half-section {
|
||||
max-width: 455px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.col-half-section {
|
||||
max-width: 750px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.col-half-section {
|
||||
max-width: 570px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.col-half-section {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Letter Spacing
|
||||
*/
|
||||
.custom-letter-spacing-1 {
|
||||
letter-spacing: -0.5px !important;
|
||||
}
|
||||
|
||||
.custom-letter-spacing-2 {
|
||||
letter-spacing: -0.8px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Size
|
||||
*/
|
||||
.custom-text-1 {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Line Pre
|
||||
*/
|
||||
.line-pre-title {
|
||||
width: 50px;
|
||||
height: 3px;
|
||||
margin-right: 20px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
html[dir="rtl"] .slider-container .line-pre-title {
|
||||
margin-right: 20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Circular Bar
|
||||
*/
|
||||
.custom-circular-bar .circular-bar-chart {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 175px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Card
|
||||
*/
|
||||
.card-accordion-our-services-container {
|
||||
border: 1px solid #eef0f4;
|
||||
}
|
||||
|
||||
.card-accordion-our-services-container .card-accordion-our-services {
|
||||
border: 9px solid #eef0f4;
|
||||
border-top: 0;
|
||||
margin: -2px -1px 0 -1px;
|
||||
}
|
||||
|
||||
.custom-cards {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-cards.custom-cards-slider .cards-container {
|
||||
margin: -250px auto 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .cards-container:before {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards .cards-container {
|
||||
position: static;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards .cards-container > div:nth-child(1) .card, .custom-cards .cards-container > div:nth-child(2) .card {
|
||||
margin-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card {
|
||||
padding: 70px 0;
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card:before {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card .card-body {
|
||||
padding: 0 50px;
|
||||
border-right: 1px solid #eef0f4;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards .cards-container .card .card-body {
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card .card-body img {
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card .card-body .card-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.custom-cards .cards-container .card .card-body .card-text, .custom-cards .cards-container .card .card-body .card-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
.header-top .header-top-phone {
|
||||
font-size: 16px !important;
|
||||
padding: 6px 17px 6px 0 !important;
|
||||
}
|
||||
|
||||
.header-top .header-top-phone > span {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 31px;
|
||||
background-color: #dde2ea;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.header-top .header-top-email,
|
||||
.header-top .header-top-opening-hours {
|
||||
font-size: 12px !important;
|
||||
letter-spacing: -0.3px;
|
||||
}
|
||||
|
||||
.header-top .header-top-email > span,
|
||||
.header-top .header-top-opening-hours > span {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 31px;
|
||||
background-color: #dde2ea;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.header-top .header-top-email {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.header-top .nav-item-header-top-socials .header-top-socials ul li {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.header-top .nav-item-header-top-socials .header-top-socials ul li i {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.header-top .header-top-button-make-as-appoitment {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.header-top .header-top-button-make-as-appoitment a {
|
||||
font-size: 12px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.header-container .header-nav .nav li > a {
|
||||
text-transform: none !important;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.header-container .header-nav .nav li .dropdown-menu a {
|
||||
font-size: 0.8em !important;
|
||||
}
|
||||
.header-container .header-nav .nav li:hover > a {
|
||||
background: #fff !important;
|
||||
}
|
||||
.header-container .header-nav .nav li:hover > a:before {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.header-container .header-nav .nav li:hover > a + ul.dropdown-menu {
|
||||
border-top: 0 !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.header-column-search {
|
||||
flex-grow: 0.14 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.header-column-search {
|
||||
flex-grow: 0.3 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header-column-search {
|
||||
order: 2;
|
||||
flex-grow: 0.1 !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header-column-logo {
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header-column-nav-menu {
|
||||
order: 3;
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.header-nav-features {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.header-nav-features:not(.header-nav-features-no-border):before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.slider-container .custom-bottom-label {
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
letter-spacing: -0.35px !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 60px !important;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.slider-container .section-funnel-layer-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 96px 0;
|
||||
padding: 6rem 0;
|
||||
transform: translate3d(0, 50%, 0);
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(1) {
|
||||
transform: skewY(4.7deg);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #FFF;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.slider-container .section-funnel-layer-bottom .section-funnel-layer:nth-child(2) {
|
||||
transform: skewY(-4.7deg);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #FFF;
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.slider-container .tparrows {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.slider-container .tparrows:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.slider-container .tparrows:before {
|
||||
color: #222529 !important;
|
||||
font-size: 22px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.custom-slider-container:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: #fafafc;
|
||||
top: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-slider-container:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-slider-container:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: #fafafc;
|
||||
bottom: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-slider-container:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-tp-caption-right-side {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.tp-bullet {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
box-shadow: 0 0 0 2px #222529 !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.tp-bullet.selected {
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 0 2px #222529 !important;
|
||||
}
|
||||
|
||||
.tp-bullet.selected .tp-bullet-inner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tp-bullet .tp-bullet-inner, .tp-bullet .tp-bullet-inner:hover {
|
||||
transform: scale(0.5) !important;
|
||||
}
|
||||
|
||||
.tp-bullet .tp-bullet-inner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Social Icons
|
||||
*/
|
||||
.custom-social-icons li {
|
||||
box-shadow: none !important;
|
||||
margin: -1px 13px 0 0;
|
||||
}
|
||||
|
||||
.custom-social-icons li a {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
line-height: 41px;
|
||||
}
|
||||
|
||||
.custom-social-icons li:hover a {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
.custom-social-icons li:hover a > i[class*="text-color-"] {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Circular Bar
|
||||
*/
|
||||
.circular-bar strong {
|
||||
top: 49%;
|
||||
font-size: 22px !important;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Counters
|
||||
*/
|
||||
.custom-counters .counter:first-child {
|
||||
margin-right: 70px !important;
|
||||
}
|
||||
|
||||
.custom-counters .counter strong {
|
||||
font-size: 40px !important;
|
||||
}
|
||||
|
||||
.custom-counters .counter label {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Our Services
|
||||
*/
|
||||
.col-img-our-services:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: #fafafc;
|
||||
top: -78px;
|
||||
left: -10px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(-2deg);
|
||||
}
|
||||
|
||||
.col-img-our-services:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: #fafafc;
|
||||
bottom: -78px;
|
||||
left: -10px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.col-img-our-services {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.our-services {
|
||||
background-position-y: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
height: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.our-services {
|
||||
min-height: 850px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.our-services {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.our-services:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Coaching Consulting
|
||||
*/
|
||||
.coaching-consulting .col-coaching-consulting-imgs .card {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(1) {
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(2) {
|
||||
z-index: 3;
|
||||
bottom: 30px;
|
||||
left: 60%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.coaching-consulting .col-coaching-consulting-imgs .card:nth-child(3) {
|
||||
z-index: 2;
|
||||
left: 40px;
|
||||
bottom: 10%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.coaching-consulting .col-coaching-consulting-imgs .card {
|
||||
position: relative;
|
||||
max-width: 30%;
|
||||
margin-top: 30px;
|
||||
transform: none !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
bottom: 0 !important;
|
||||
right: 0 !important;
|
||||
float: left;
|
||||
margin-right: 3.33%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Real Word Stories
|
||||
*/
|
||||
.real-word-stories:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: #fafafc;
|
||||
top: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.real-word-stories:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.real-word-stories .owl-dots {
|
||||
display: flex;
|
||||
margin-top: 30px !important;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.real-word-stories .owl-dots button {
|
||||
border: 2px solid #222529 !important;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
line-height: 15px !important;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.real-word-stories .owl-dots button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.real-word-stories .owl-dots button span {
|
||||
display: none !important;
|
||||
margin: 0 auto !important;
|
||||
width: 7px !important;
|
||||
height: 7px !important;
|
||||
background-color: #222529 !important;
|
||||
}
|
||||
|
||||
.real-word-stories .owl-dots button.active span {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container {
|
||||
width: 72.5%;
|
||||
padding-right: 150px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.real-word-stories .custom-testimonial-container {
|
||||
padding-right: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.real-word-stories .custom-testimonial-container {
|
||||
padding-right: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.real-word-stories .custom-testimonial-container {
|
||||
padding-right: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.real-word-stories .custom-testimonial-container {
|
||||
width: 100%;
|
||||
padding-right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial {
|
||||
padding: 45px 0 45px 40px;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial blockquote p, .real-word-stories .custom-testimonial-container .custom-testimonial blockquote h4 {
|
||||
font-family: Poppins;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author strong {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial .testimonial-author img {
|
||||
max-width: 70px;
|
||||
max-height: 70px;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right {
|
||||
width: 45%;
|
||||
height: 210px;
|
||||
right: 30px;
|
||||
top: 65px;
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right img {
|
||||
max-width: 130px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.real-word-stories .custom-testimonial-container .custom-testimonial .custom-testimonial-right .custom-button-testimonial-right {
|
||||
width: 165px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
bottom: -25px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Are You Lookng For
|
||||
*/
|
||||
.are-you-looking-for {
|
||||
padding: 70px 0;
|
||||
}
|
||||
|
||||
.are-you-looking-for .are-you-looking-for-phone {
|
||||
margin-right: 37px;
|
||||
}
|
||||
|
||||
.are-you-looking-for .are-you-looking-for-phone > span {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
line-height: 46px;
|
||||
background-color: #dde2ea;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.custom-page-header {
|
||||
padding: 75px 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-page-header {
|
||||
padding: 35px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-page-header:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: #fafafc;
|
||||
top: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-page-header:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-page-header:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background-color: #fafafc;
|
||||
bottom: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-page-header:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact Form
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
border: 0;
|
||||
padding: 19.2px;
|
||||
padding: 1.2rem;
|
||||
box-shadow: none !important;
|
||||
height: auto;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#footer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
background-color: #fafafc;
|
||||
top: -75px;
|
||||
width: 200%;
|
||||
z-index: 21;
|
||||
height: 75px;
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
#footer:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) and (max-width: 1240px) {
|
||||
#footer .custom-container-info-socials {
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
}
|
||||
|
||||
#footer .footer-nav-phone {
|
||||
font-size: 16px !important;
|
||||
padding: 0 17px 0 0 !important;
|
||||
}
|
||||
|
||||
#footer .footer-nav-phone > span {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 31px;
|
||||
background-color: #dde2ea;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#footer .footer-nav-email,
|
||||
#footer .footer-nav-opening-hours {
|
||||
font-size: 12px !important;
|
||||
letter-spacing: -0.3px;
|
||||
}
|
||||
|
||||
#footer .footer-nav-email > span,
|
||||
#footer .footer-nav-opening-hours > span {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 31px;
|
||||
background-color: #dde2ea;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#footer .footer-nav-email {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#footer .footer-nav-opening-hours {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
#footer .footer-copyright {
|
||||
border-top: 1px solid #ced6e1;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
#footer .footer-column-get-in-touch {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
#footer .nav-footer > ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#footer .nav-footer > ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#footer .nav-footer .dropdown-secondary a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#footer .custom-row-footer {
|
||||
padding-top: 150px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
#footer .custom-row-footer {
|
||||
padding-top: 60px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#footer .custom-row-footer .custom-footer-column-logo img {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
|
@ -0,0 +1,351 @@
|
|||
.custom-font-size-1 {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-big-font-size-1 {
|
||||
font-size: 6.9rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1600px) {
|
||||
.custom-big-font-size-1 {
|
||||
font-size: 8.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-blockquote-style-1 {
|
||||
border-left-width: 12px;
|
||||
border-left-color: #f3f3f3;
|
||||
}
|
||||
|
||||
.custom-bg-color-grey-1 {
|
||||
background-color: #5a6267;
|
||||
}
|
||||
|
||||
.custom-border-color-grey-1 {
|
||||
border-color: #404040 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-ws-mobile-wrap {
|
||||
white-space: normal !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-box-shadow-1 {
|
||||
box-shadow: 0 0px 40px 0px rgba(187, 187, 187, 0.3);
|
||||
}
|
||||
|
||||
/*
|
||||
* Text Background
|
||||
*/
|
||||
@media (min-width: 992px) {
|
||||
.custom-text-background {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
background-position: 20% 30%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-text-background {
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Text Highlight
|
||||
*/
|
||||
.custom-highlight-text-1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-highlight-text-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border-bottom: 7px solid #d20d0d;
|
||||
opacity: 0.2;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Buttons
|
||||
*/
|
||||
.custom-btn-style-1 {
|
||||
position: relative;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-btn-style-1 > span {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.custom-btn-style-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: inherit;
|
||||
opacity: 0.7;
|
||||
border-radius: inherit;
|
||||
transform: translate3d(5px, 5px, 0);
|
||||
transition: ease transform 300ms;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.custom-btn-style-1:hover {
|
||||
transform: translate3d(2.5px, 2.5px, 0);
|
||||
}
|
||||
|
||||
.custom-btn-style-1:hover:before {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Crooked Line
|
||||
*/
|
||||
.custom-crooked-line {
|
||||
display: inline-block;
|
||||
width: 77px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Link Effects
|
||||
*/
|
||||
@keyframes crookedLineAnim {
|
||||
from {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
to {
|
||||
transform: translate3d(-48%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-link-hover-effects .custom-view-more svg {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-link-hover-effects:hover .custom-crooked-line svg {
|
||||
animation-name: crookedLineAnim;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
.custom-link-hover-effects:hover .custom-view-more svg {
|
||||
transform: translate3d(7px, 0, 0);
|
||||
}
|
||||
|
||||
.custom-link-hover-effects:hover .custom-date-style-1 {
|
||||
transform: translate3d(2.5px, 2.5px, 0);
|
||||
}
|
||||
|
||||
.custom-link-hover-effects:hover .custom-date-style-1:before {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
.custom-header-top-nav-background {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-header-top-nav-background:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
background: #CCC;
|
||||
transform: skewX(-25deg);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.custom-header-top-nav-background:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: -7px;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
background: #CCC;
|
||||
transform: skewX(-25deg);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
padding: 0px 1.2rem !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Carousel
|
||||
*/
|
||||
.custom-carousel-box-shadow-1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-carousel-box-shadow-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 65%;
|
||||
height: 0px;
|
||||
box-shadow: 0 40px 40px 120px rgba(0, 0, 0, 0.03);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots,
|
||||
.custom-dots-style-2 .owl-dots {
|
||||
margin-top: 30px !important;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot > span,
|
||||
.custom-dots-style-2 .owl-dots .owl-dot > span {
|
||||
background: #9e9e9e !important;
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot.active > span,
|
||||
.custom-dots-style-2 .owl-dots .owl-dot.active > span {
|
||||
background: #3e3e3e !important;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-dots-style-2 .owl-dots {
|
||||
transform: translate3d(0, -50px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-carousel-vertical-center-items .owl-stage {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.custom-nav-style-1 .owl-nav {
|
||||
left: 50%;
|
||||
width: 105%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
|
||||
.owl-carousel.carousel-center-active-item .owl-item {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
.custom-tabs-style-1 .nav-tabs {
|
||||
border-bottom: 1px solid #f1f1f1 !important;
|
||||
margin-bottom: 35px !important;
|
||||
}
|
||||
|
||||
.custom-tabs-style-1 .nav-tabs > li {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.custom-tabs-style-1 .nav-tabs > li .nav-link {
|
||||
border-bottom-width: 1px !important;
|
||||
}
|
||||
|
||||
.custom-tabs-style-1 .nav-tabs > li .nav-link.active {
|
||||
border-bottom-width: 2px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Accordion
|
||||
*/
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #f4f4f4;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||
border: 1px solid #efefef;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Read More
|
||||
*/
|
||||
.custom-read-more-style-1 .readmore-overlay {
|
||||
background: linear-gradient(rgba(2, 0, 36, 0) 0%, white 60%) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Blog Post Date
|
||||
*/
|
||||
.custom-date-style-1 {
|
||||
position: relative;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-date-style-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: inherit;
|
||||
opacity: 0.7;
|
||||
transform: translate3d(5px, 5px, 0);
|
||||
transition: ease transform 300ms;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer p, #footer li, #footer a:not(.btn):not(.no-footer-css), #footer span {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#footer .footer-copyright p {
|
||||
color: #999;
|
||||
}
|
||||
|
|
@ -0,0 +1,222 @@
|
|||
/* Custom Hero Row */
|
||||
.custom-hero-row {
|
||||
min-height: calc(100vh - 100px);
|
||||
}
|
||||
|
||||
/* Custom Elements */
|
||||
.custom-element-wrapper {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-1 {
|
||||
top: 25%;
|
||||
left: 45%;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-1 .custom-element {
|
||||
background: transparent;
|
||||
border: 3px solid var(--primary);
|
||||
opacity: 0.05;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-2 {
|
||||
top: 45%;
|
||||
left: 62%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-2 .custom-element {
|
||||
background: var(--primary);
|
||||
opacity: 0.05;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-3 {
|
||||
top: 57%;
|
||||
left: 70%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-3 .custom-element {
|
||||
background: transparent;
|
||||
border: 3px solid var(--primary);
|
||||
opacity: 0.05;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-4 {
|
||||
top: 57%;
|
||||
left: 44%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-4 .custom-element {
|
||||
background: var(--primary);
|
||||
opacity: 0.03;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-5 {
|
||||
top: 18%;
|
||||
left: 7%;
|
||||
width: 450px;
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-5 .custom-element {
|
||||
background: var(--secondary);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-element-wrapper.custom-element-5 {
|
||||
top: 18%;
|
||||
left: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-element-wrapper.custom-element-5 {
|
||||
top: 27%;
|
||||
left: 22%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-element-wrapper.custom-element-5 {
|
||||
top: 22%;
|
||||
left: 22%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.custom-element-wrapper.custom-element-5 {
|
||||
top: 27%;
|
||||
left: 78%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-6 {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 22.2%;
|
||||
right: -8%;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-7 {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 58.2%;
|
||||
right: -38%;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-8 {
|
||||
top: -5%;
|
||||
left: -6%;
|
||||
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
|
||||
clip-path: polygon(0 0, 100% 0, 100% 100%, 77.2% 100%, 0 54%);
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-element-wrapper.custom-element-8 {
|
||||
top: -5%;
|
||||
left: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-element-wrapper.custom-element-8 {
|
||||
top: 5%;
|
||||
left: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-element-wrapper.custom-element-8 {
|
||||
top: 0%;
|
||||
left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.custom-element-wrapper.custom-element-8 {
|
||||
top: 5%;
|
||||
left: 63%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-9 {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 5%;
|
||||
left: 7%;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-10 {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
top: 65%;
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-11 {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-11 img {
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.custom-element-wrapper.custom-element-11:before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: -30px;
|
||||
background: var(--primary);
|
||||
border-radius: 25px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Page Header */
|
||||
.page-header {
|
||||
padding-top: 153px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.page-header .container:before {
|
||||
content: "";
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.breadcrumb li {
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.breadcrumb > li + li:before {
|
||||
padding: 0 7px 0 7px;
|
||||
}
|
||||
|
|
@ -0,0 +1,189 @@
|
|||
@media (min-width: 1440px) {
|
||||
.container {
|
||||
max-width: 1440px !important;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.hero {
|
||||
background-size: cover;
|
||||
max-width: 1100px;
|
||||
width: 100%;
|
||||
max-height: 770px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1800px) {
|
||||
.hero {
|
||||
right: -13%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el-pos-1 {
|
||||
left: 15%;
|
||||
top: 17%;
|
||||
}
|
||||
|
||||
.custom-el-pos-2 {
|
||||
right: 11%;
|
||||
top: 17%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-el-pos-3 {
|
||||
margin-top: -100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-col-1 {
|
||||
padding-top: 120px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1399px) {
|
||||
.custom-col-1 {
|
||||
padding-top: 500px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-wrapper-1 > .container > .row {
|
||||
min-height: 935px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-transform: none;
|
||||
font-size: 2.4em;
|
||||
font-weight: 600;
|
||||
line-height: 1.1em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.max-width-custom-1 {
|
||||
max-width: 485px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes btnDashEffect {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
51% {
|
||||
transform: translateX(20px);
|
||||
opacity: 1;
|
||||
}
|
||||
52% {
|
||||
opacity: 0;
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
53% {
|
||||
opacity: 0;
|
||||
}
|
||||
54% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-dash:before {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 2px;
|
||||
display: inline-block;
|
||||
background: #FFF;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
.btn-dash:hover:before {
|
||||
animation: btnDashEffect ease-out .3s;
|
||||
}
|
||||
|
||||
.btn-dash.text-color-primary:before {
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
#header .header-container {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 18px;
|
||||
margin-left: 6px !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1480px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 16px;
|
||||
margin-left: 0px !important;
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-navigation-custom .nav-tabs .nav-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tabs-navigation-custom .nav-tabs .nav-item .nav-link {
|
||||
border: 0 !important;
|
||||
font-size: 18px;
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
|
||||
.tabs-navigation-custom .nav-tabs .nav-item .nav-link:not(.active) {
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.tabs-navigation-custom .nav-tabs .nav-item .nav-link:before {
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 2px;
|
||||
display: inline-block;
|
||||
background: #212529;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.tabs-navigation-custom .nav-tabs .nav-item .nav-link.active:before {
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
.custom-marquee {
|
||||
bottom: -30%;
|
||||
}
|
||||
|
||||
.custom-marquee p {
|
||||
font-size: 500px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.custom-outline-text-style-1 {
|
||||
text-shadow: -1px 1px 0 #000,
1px 1px 0 #000,
1px -1px 0 #000,
-1px -1px 0 #000;
|
||||
letter-spacing: 0;
|
||||
color: #FFF;
|
||||
opacity: 0.08;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,490 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px !important;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="text-color-hover-"] {
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
[class*="bg-color-hover-"] {
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.custom-max-width-1 {
|
||||
max-width: 387px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-font-secondary {
|
||||
font-family: 'Roboto Slab', serif !important;
|
||||
}
|
||||
|
||||
.custom-font-size-1 {
|
||||
font-size: 1.4em !important;
|
||||
}
|
||||
|
||||
.custom-font-size-2 {
|
||||
font-size: 1.35em !important;
|
||||
}
|
||||
|
||||
.custom-font-size-3 {
|
||||
font-size: 1.15em !important;
|
||||
}
|
||||
|
||||
.custom-font-size-4 {
|
||||
font-size: 50% !important;
|
||||
}
|
||||
|
||||
.custom-text-color-1 {
|
||||
color: #93bae4 !important;
|
||||
}
|
||||
|
||||
.box-shadow-1 .card-body {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.custom-box-shadow-1 {
|
||||
box-shadow: 0 0px 90px -55px rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
|
||||
.custom-border-radius-1 {
|
||||
border-radius: 0.5rem !important;
|
||||
}
|
||||
|
||||
.custom-line {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
border-bottom: 3px solid #CCC;
|
||||
}
|
||||
|
||||
.custom-card-style-1 {
|
||||
border: 2px solid transparent;
|
||||
transition: ease border 300ms;
|
||||
}
|
||||
|
||||
.custom-card-style-1 .custom-card-style-1-image-wrapper img {
|
||||
transform: translate3d(5px, -5px, 0);
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-card-style-1 .custom-card-style-1-title,
|
||||
.custom-card-style-1 .custom-card-style-1-link {
|
||||
transition: ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-card-style-1:hover .custom-card-style-1-image-wrapper img {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.owl-carousel.owl-loaded {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-carousel-box-shadow-1 {
|
||||
position: relative;
|
||||
}
|
||||
.custom-carousel-box-shadow-1:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 65%;
|
||||
height: 0px;
|
||||
box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.07);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
z-index: 0;
|
||||
}
|
||||
.custom-carousel-box-shadow-2 {
|
||||
position: relative;
|
||||
}
|
||||
.custom-carousel-box-shadow-2:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 57%;
|
||||
height: 0px;
|
||||
box-shadow: 0 0 160px 240px rgba(0, 0, 0, 0.07);
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
z-index: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-highlight-1 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.custom-highlight-1:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-color: #212529;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.customHighlightAnim:after {
|
||||
animation-name: customHighlightAnim;
|
||||
animation-duration: 2s;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.customHighlightAnimDelay:after {
|
||||
animation-delay: 3s;
|
||||
}
|
||||
|
||||
@keyframes customHighlightAnim {
|
||||
0% {
|
||||
width: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.clean-animation-1 svg g:nth-child(1) {
|
||||
animation: cleanAnimation 3s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.clean-animation-1 svg g:nth-child(2) {
|
||||
animation: cleanAnimation 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-delay: 400ms;
|
||||
}
|
||||
|
||||
.clean-animation-1 svg g:nth-child(3) {
|
||||
animation: cleanAnimation 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-delay: 800ms;
|
||||
}
|
||||
|
||||
@keyframes cleanAnimation {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
85% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(1);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.customLineAnimation {
|
||||
animation-name: customLineAnimation;
|
||||
}
|
||||
|
||||
@keyframes customLineAnimation {
|
||||
0% {
|
||||
width: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
width: 50px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2000px) {
|
||||
.shape-divider svg {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-col-half-section.col-half-section {
|
||||
max-width: 727px;
|
||||
}
|
||||
|
||||
.fluid-col-lg-5 .fluid-col {
|
||||
left: 50%;
|
||||
width: 100vw;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.fluid-col-lg-5 {
|
||||
min-height: 0;
|
||||
}
|
||||
.fluid-col-lg-5 .fluid-col {
|
||||
width: calc(44.2vw - 15px);
|
||||
left: 15px;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.fluid-col-lg-5 {
|
||||
min-height: 400px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
.custom-header-top-btn-style-1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-header-top-btn-style-1:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: calc( 100% + 20px);
|
||||
height: 10px;
|
||||
z-index: 1;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-top {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
padding: 0 0.8rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
padding: 0 1.3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact Form
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
height: calc(1.8em + 1.85rem + 2px);
|
||||
padding: 15.6px 20px;
|
||||
padding: 0.975rem 1.25rem;
|
||||
background: #f7f7f7;
|
||||
border-color: #f7f7f7;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:focus {
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select {
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option[selected] {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.custom-svg-stars {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 100%;
|
||||
width: 300px;
|
||||
opacity: 0.1;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Home Why Choose Us Section - Custom Accordion Style
|
||||
*/
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #FFF;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Home Section Our Process - Custom Featured Icon
|
||||
*/
|
||||
.custom-featured-icon-wrapper {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.custom-featured-icon-wrapper .icon-featured {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Home Section Happy Clients - Custom Testimonial
|
||||
*/
|
||||
.testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote {
|
||||
background: #FFF !important;
|
||||
padding: 45px 40px 35px 40px;
|
||||
}
|
||||
|
||||
.testimonial.testimonial-style-3.custom-testimonial-style-1 blockquote:before {
|
||||
content: '\f10d';
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
font-size: 19.2px;
|
||||
font-size: 1.2rem;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author {
|
||||
margin: 19px 0 0 0;
|
||||
}
|
||||
|
||||
.testimonial.testimonial-style-3.custom-testimonial-style-1 .testimonial-author img {
|
||||
max-width: 67px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Portfolio Detail
|
||||
*/
|
||||
.custom-list-icons-icon-size li {
|
||||
padding-left: 50px !important;
|
||||
}
|
||||
|
||||
.custom-list-icons-icon-size li > [class*="fa-"]:first-child,
|
||||
.custom-list-icons-icon-size li > .icons:first-child, .custom-list-icons-icon-size li a:first-child > [class*="fa-"]:first-child,
|
||||
.custom-list-icons-icon-size li a:first-child > .icons:first-child {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
font-size: 14.4px !important;
|
||||
font-size: 0.9rem !important;
|
||||
top: 1px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Services Detail
|
||||
*/
|
||||
.custom-nav-list-effect-1 > li > a {
|
||||
position: relative;
|
||||
transition: ease padding 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li > a:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid #CCC;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
transition: ease opacity 300ms;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li.active > a, .custom-nav-list-effect-1 > li.open > a, .custom-nav-list-effect-1 > li:hover > a {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.custom-nav-list-effect-1 > li.active > a:before, .custom-nav-list-effect-1 > li.open > a:before, .custom-nav-list-effect-1 > li:hover > a:before {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/*
|
||||
* Blog
|
||||
*/
|
||||
.blog-sidebar .form-control.bg-color-grey {
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer p, #footer a:not(.btn), #footer span, #footer li, #footer .footer-copyright p {
|
||||
color: #a3b2c7;
|
||||
}
|
||||
|
||||
#footer .social-icons li a {
|
||||
color: #a3b2c7 !important;
|
||||
}
|
||||
|
||||
#footer .social-icons li:hover a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
#footer a:not(.btn):not(.no-footer-css) {
|
||||
color: #a3b2c7;
|
||||
}
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
}
|
||||
|
||||
.custom-primary-font {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-secondary-font {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-tertiary-font {
|
||||
font-family: 'Playfair Display', sans-serif !important;
|
||||
}
|
||||
|
||||
.custom-bg-color-1 {
|
||||
background-color: #F6F3EF !important;
|
||||
}
|
||||
|
||||
.custom-h-1 {
|
||||
height: 4px !important;
|
||||
}
|
||||
|
||||
@keyframes customFadeInRightShorter {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate(-50px, -50%);
|
||||
}
|
||||
to {
|
||||
opacity: 0.1;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
.customFadeInRightShorter {
|
||||
animation-name: customFadeInRightShorter;
|
||||
}
|
||||
|
||||
@keyframes customHeaderAnimOne {
|
||||
from {
|
||||
height: 100%;
|
||||
}
|
||||
to {
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.customHeaderAnimOne:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
background: #FFF;
|
||||
animation-name: customHeaderAnimOne;
|
||||
animation-duration: inherit;
|
||||
animation-fill-mode: inherit;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details {
|
||||
display: flex;
|
||||
justify-content: between;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-title,
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong {
|
||||
font-size: 20.8px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-price strong > span {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.custom-menu-item .custom-menu-item-details .custom-menu-item-line {
|
||||
width: 100%;
|
||||
border-bottom: dashed 1px #777;
|
||||
}
|
||||
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 14.4px;
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
html.sticky-header-active .header-logo img {
|
||||
width: 140px;
|
||||
height: auto;
|
||||
top: 16px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-section-halfbar-bg {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
width: 50vw;
|
||||
height: 40%;
|
||||
border-radius: 10px 0 0 10px;
|
||||
background: #CCC;
|
||||
opacity: 0.1;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-section-halfbar-bg {
|
||||
height: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-column-bg {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom-column-bg:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
width: 50vw;
|
||||
height: 100%;
|
||||
border-radius: 0 10px 10px 0;
|
||||
background: #212529;
|
||||
opacity: 0.6;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-column-bg:before {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-column-bg:before {
|
||||
width: calc(100% - 30px);
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,443 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Col
|
||||
*/
|
||||
@media (min-width: 1400px) {
|
||||
.custom-col {
|
||||
flex: 79% !important;
|
||||
max-width: 79% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1900px) {
|
||||
.custom-col {
|
||||
flex: 74.5% !important;
|
||||
max-width: 74.5% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Btn White
|
||||
*/
|
||||
.custom-btn-white {
|
||||
border-color: #FFF !important;
|
||||
border-width: 3px !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.custom-btn-white:hover {
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Btn
|
||||
*/
|
||||
.custom-btn {
|
||||
border-width: 1px !important;
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header .dropdown-item {
|
||||
text-transform: capitalize !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
#header .simple-search .form-control {
|
||||
border-radius: 1.3rem 0 0 1.3rem !important;
|
||||
}
|
||||
|
||||
#header .header-nav-features-light:before, #header .header-nav-features-light:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#header .header-container {
|
||||
height: 113px;
|
||||
}
|
||||
|
||||
#header .header-top {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Carousel Slider Navigation
|
||||
*/
|
||||
[data-carousel-navigate] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
[data-carousel-navigate] p {
|
||||
line-height: 26px !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
[data-carousel-navigate].active:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 3px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.custom-page-header.page-header-background-sm {
|
||||
padding: 95px 0 !important;
|
||||
}
|
||||
|
||||
.custom-page-header .parallax-background {
|
||||
height: 150% !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Portfolio
|
||||
*/
|
||||
.load-more-loader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.portfolio-load-more-loader {
|
||||
min-height: 61px;
|
||||
}
|
||||
|
||||
.load-more-btn-wrapper {
|
||||
min-height: 53px;
|
||||
}
|
||||
|
||||
.custom-portfolio .nav-link {
|
||||
font-weight: 600;
|
||||
padding: 8px 23px;
|
||||
font-size: 12.32px;
|
||||
font-size: 0.77rem;
|
||||
}
|
||||
|
||||
.custom-portfolio .nav-item {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.custom-portfolio .nav-item:hover .nav-link {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.custom-thumb-info.thumb-info {
|
||||
max-width: 80% !important;
|
||||
border-radius: 100% !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Img
|
||||
*/
|
||||
.custom-img {
|
||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
|
||||
border-radius: 1%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Line Height
|
||||
*/
|
||||
.custom-line-height {
|
||||
line-height: 12.8px !important;
|
||||
line-height: 0.8rem !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Featured Box
|
||||
*/
|
||||
.custom-featured-box .icon-featured {
|
||||
width: 100px !important;
|
||||
height: 100px !important;
|
||||
display: flex !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.custom-featured-box .icon-featured:before {
|
||||
transform: scale(1) !important;
|
||||
}
|
||||
|
||||
.custom-featured-box:hover .icon-featured:before {
|
||||
transform: scale(1.2) !important;
|
||||
}
|
||||
|
||||
.custom-featured-box i {
|
||||
margin-top: auto !important;
|
||||
margin-bottom: auto !important;
|
||||
}
|
||||
|
||||
.custom-featured-box i::before {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Max Width
|
||||
*/
|
||||
.max-w-90 {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Img About
|
||||
*/
|
||||
.custom-img-about {
|
||||
right: 0;
|
||||
top: 12%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-img-about {
|
||||
max-width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Breadcrumb
|
||||
*/
|
||||
.custom-breadcrumb li, .custom-breadcrumb a {
|
||||
color: #777777 !important;
|
||||
}
|
||||
|
||||
.custom-breadcrumb > li + li:before {
|
||||
content: "/" !important;
|
||||
font-size: 17.6px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* Cards
|
||||
*/
|
||||
.custom-card:hover {
|
||||
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.custom-card:hover:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
height: 3px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-card .icon-animated {
|
||||
max-width: 80px;
|
||||
}
|
||||
|
||||
/*
|
||||
* HR
|
||||
*/
|
||||
.custom-hr {
|
||||
background: #dadada !important;
|
||||
width: 140%;
|
||||
margin-left: -20%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Card
|
||||
*/
|
||||
.custom-card-style-2 {
|
||||
box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.1);
|
||||
border-left: 1px solid #e8e8e8;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
margin-top: 16px;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.custom-card-style-2 h3, .custom-card-style-2 h4 {
|
||||
letter-spacing: inherit;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.custom-card-style-2 hr {
|
||||
background: rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
|
||||
.custom-card-style-2:before {
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 3px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.custom-card-style-2.card-contact-us {
|
||||
margin-top: 6.4px !important;
|
||||
margin-top: 0.4rem !important;
|
||||
}
|
||||
|
||||
.custom-card-style-3 {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.custom-card-style-3 h4 {
|
||||
letter-spacing: inherit;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.custom-card-style-3:hover {
|
||||
cursor: pointer;
|
||||
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/*
|
||||
* Map
|
||||
*/
|
||||
.custom-map {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
.custom-tabs {
|
||||
margin-bottom: 50px !important;
|
||||
}
|
||||
|
||||
.custom-tabs .nav-item.active .nav-link, .custom-tabs .nav-item:hover .nav-link {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.custom-tabs .nav-item .nav-link {
|
||||
font-weight: 600;
|
||||
border: none !important;
|
||||
padding: 12px 24px !important;
|
||||
padding: 0.75rem 1.5rem !important;
|
||||
}
|
||||
|
||||
.custom-tabs .nav-item .nav-link:before {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.custom-tabs .nav-item .nav-link:hover {
|
||||
padding: 12px 24px !important;
|
||||
padding: 0.75rem 1.5rem !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact Form
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
border: 0;
|
||||
padding: 19.2px;
|
||||
padding: 1.2rem;
|
||||
box-shadow: none !important;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Progress Bar
|
||||
*/
|
||||
.custom-progress-bar.progress {
|
||||
background-color: #cccccc;
|
||||
border-radius: 25px !important;
|
||||
height: 8px !important;
|
||||
padding-left: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.custom-progress-bar .progress-bar {
|
||||
border-radius: 25px !important;
|
||||
}
|
||||
|
||||
.custom-progress-bar .progress-bar-tooltip {
|
||||
color: #777777 !important;
|
||||
background-color: transparent !important;
|
||||
font-size: 14px;
|
||||
right: -10px;
|
||||
}
|
||||
|
||||
.custom-progress-bar .progress-bar-tooltip::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Testimonial
|
||||
*/
|
||||
.custom-testimonial blockquote {
|
||||
background: transparent !important;
|
||||
padding: 11.2px 28.8px;
|
||||
padding: 0.7rem 1.8rem;
|
||||
}
|
||||
|
||||
.custom-testimonial blockquote:before, .custom-testimonial blockquote:after {
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.custom-testimonial blockquote:before {
|
||||
content: "\f10d";
|
||||
font-size: 17px !important;
|
||||
left: -12px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Custom Dots
|
||||
*/
|
||||
.owl-carousel.custom-dots .owl-dots {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-dots button.owl-dot span {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-dots button.owl-dot.active span, .owl-carousel.custom-dots button.owl-dot:hover span {
|
||||
position: relative;
|
||||
border: 2px solid;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-dots button.owl-dot.active span:before, .owl-carousel.custom-dots button.owl-dot:hover span:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border-radius: 100%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
}
|
||||
|
||||
.owl-carousel.custom-dots button.owl-dot:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Angled
|
||||
*/
|
||||
.custom-angled .section-angled-layer-bottom,
|
||||
.custom-angled .section-angled-layer-top {
|
||||
padding: 72px 0 !important;
|
||||
padding: 4.5rem 0 !important;
|
||||
}
|
||||
|
||||
.custom-angled:not(.section-angled-reverse) .section-angled-layer-top {
|
||||
transform: skewY(-3deg) translate3d(0, -50%, 0) !important;
|
||||
}
|
||||
|
||||
.custom-angled:not(.section-angled-reverse) .section-angled-layer-bottom {
|
||||
transform: skewY(3deg) translate3d(0, 50%, 0) !important;
|
||||
}
|
||||
|
||||
.custom-angled.section-angled-reverse .section-angled-layer-top {
|
||||
transform: skewY(3deg) translate3d(0, -50%, 0) !important;
|
||||
}
|
||||
|
||||
.custom-angled.section-angled-reverse .section-angled-layer-bottom {
|
||||
transform: skewY(-3deg) translate3d(0, 50%, 0) !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,605 @@
|
|||
/*
|
||||
* General
|
||||
*/
|
||||
.custom-big-text-style-1 {
|
||||
font-size: 137.6px;
|
||||
font-size: 8.6rem;
|
||||
letter-spacing: 5px;
|
||||
line-height: 0.85;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-big-text-style-1 {
|
||||
font-size: 7.8rem;
|
||||
}
|
||||
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||
font-size: 5.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-big-text-style-1 {
|
||||
font-size: 5.6rem;
|
||||
}
|
||||
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-big-text-style-1 {
|
||||
font-size: 4.3rem;
|
||||
}
|
||||
.custom-big-text-style-1.custom-big-text-style-1-variation {
|
||||
font-size: 2.7rem;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-outline-text-style-1 {
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-color: white;
|
||||
-webkit-text-stroke-width: 0.3px;
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
.custom-view-more svg {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-view-more:hover svg {
|
||||
transform: translate3d(7px, 0, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Spacement
|
||||
*/
|
||||
.custom-margin-1 {
|
||||
margin-top: 73.6px !important;
|
||||
margin-top: 4.6rem !important;
|
||||
margin-bottom: 73.6px !important;
|
||||
margin-bottom: 4.6rem !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Square
|
||||
*/
|
||||
.custom-square-1 {
|
||||
width: 216px;
|
||||
height: 216px;
|
||||
background-color: #CCC;
|
||||
transform: rotate(48deg);
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
|
||||
.custom-square-1.custom-square-1-big {
|
||||
width: 626px;
|
||||
height: 626px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom SVG Position
|
||||
*/
|
||||
.custom-svg-position-1 {
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: -90px;
|
||||
max-height: none;
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
.custom-svg-position-1 > svg {
|
||||
height: 5.3vw;
|
||||
min-height: 96px;
|
||||
}
|
||||
|
||||
@media (min-width: 1950px) {
|
||||
.custom-svg-position-1 {
|
||||
left: -121px;
|
||||
width: 51vw;
|
||||
top: -41px !important;
|
||||
}
|
||||
.custom-svg-position-1 > svg {
|
||||
height: 110px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Navigation Buttons
|
||||
*/
|
||||
.custom-navigation-buttons-1 > a {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.custom-navigation-buttons-1 > a:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
transform: rotate(45deg);
|
||||
transition: ease background 300ms;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.custom-navigation-buttons-1 > a:hover:before {
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Size
|
||||
*/
|
||||
.custom-font-size-1 {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
/*
|
||||
* SVG Line Divider
|
||||
*/
|
||||
@keyframes customLineDividerAnim {
|
||||
from {
|
||||
stroke-dasharray: 170;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
to {
|
||||
stroke-dasharray: 170;
|
||||
stroke-dashoffset: -170;
|
||||
}
|
||||
}
|
||||
|
||||
.customLineDividerAnim {
|
||||
animation-name: customLineDividerAnim;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
html #header .header-body {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
html #header .header-logo.custom-header-logo {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html #header .header-logo.custom-header-logo:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -87px;
|
||||
left: 40px;
|
||||
width: 170px;
|
||||
height: 350px;
|
||||
background-color: #CCC;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: rotate(45deg);
|
||||
transition: ease opacity 300ms, ease transform 300ms;
|
||||
}
|
||||
|
||||
html #header .header-logo .logo {
|
||||
transition: ease opacity 300ms, ease transform 300ms;
|
||||
}
|
||||
|
||||
html #header .header-logo .logo-sticky {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: ease opacity 300ms, ease transform 300ms;
|
||||
}
|
||||
|
||||
html #header .header-container {
|
||||
height: 120px;
|
||||
transition: ease height 300ms;
|
||||
}
|
||||
|
||||
html #header .header-nav-main nav > ul > li > a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
html #header .header-nav-main nav > ul > li > a {
|
||||
padding: 0 1.1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
html #header .header-nav-features:before,
|
||||
html #header .header-nav-features:after {
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-body {
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-logo.custom-header-logo {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-logo.custom-header-logo:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: rotate(45deg) translate3d(0, -20px, 0);
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-logo .logo {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(20px, -20px, 0);
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-logo .logo-sticky {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
transition: ease all 300ms;
|
||||
}
|
||||
|
||||
html.sticky-header-active #header .header-container {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body {
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
html:not(.sticky-header-active) #header .header-body {
|
||||
transform: translate3d(0, 50px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
html #header .header-nav-main nav > ul > li > a {
|
||||
padding: 0 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
html #header .header-logo.custom-header-logo:before {
|
||||
content: none;
|
||||
}
|
||||
html #header .header-logo .logo {
|
||||
display: none;
|
||||
}
|
||||
html #header .header-logo .logo-sticky {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translate3d(0, 0, 0) !important;
|
||||
}
|
||||
html #header .header-nav-main nav > ul > li > a {
|
||||
text-transform: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Diamonds SVG Line
|
||||
*/
|
||||
@keyframes customDiamondsLineAnim {
|
||||
from {
|
||||
stroke-dasharray: 1330;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
to {
|
||||
stroke-dasharray: 1330;
|
||||
stroke-dashoffset: -1300;
|
||||
}
|
||||
}
|
||||
|
||||
.customDiamondsLineAnim {
|
||||
animation-name: customDiamondsLineAnim;
|
||||
}
|
||||
|
||||
/*
|
||||
* Diamonds
|
||||
*/
|
||||
.diamonds {
|
||||
font-size: 0;
|
||||
margin: 40px auto 85px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 50px 0 0 57px;
|
||||
}
|
||||
|
||||
.diamonds > li {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin-right: 135px;
|
||||
}
|
||||
|
||||
.diamonds .diamond {
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 243px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
width: 245px;
|
||||
overflow: hidden;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.diamonds .diamond:after {
|
||||
transition: all 0.2s ease;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.diamonds .diamond:before {
|
||||
transition: all 0.2s ease;
|
||||
color: #fff;
|
||||
content: "\e091";
|
||||
font-family: "simple-line-icons";
|
||||
font-size: 28px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
opacity: 0;
|
||||
z-index: 1000;
|
||||
transform-origin: 50% 50%;
|
||||
transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(2);
|
||||
}
|
||||
|
||||
.diamonds .diamond:hover:after {
|
||||
opacity: 0.3;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.diamonds .diamond:hover:before {
|
||||
opacity: 1;
|
||||
transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1);
|
||||
}
|
||||
|
||||
.diamonds .content {
|
||||
display: table-cell;
|
||||
height: 255px;
|
||||
padding: 0 8px 0 6px;
|
||||
transform: rotate(45deg);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 255px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.diamonds .content img {
|
||||
max-width: 375px;
|
||||
margin-left: -50%;
|
||||
}
|
||||
|
||||
.diamonds .diamond-sm {
|
||||
height: 123px;
|
||||
width: 123px;
|
||||
}
|
||||
|
||||
.diamonds .diamond-sm .content {
|
||||
height: 123px;
|
||||
width: 123px;
|
||||
}
|
||||
|
||||
.diamonds .diamond-sm .content:after {
|
||||
left: 24%;
|
||||
top: 48%;
|
||||
}
|
||||
|
||||
@media (min-width: 1199px) {
|
||||
.diamonds > li:nth-child(3) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.diamonds > li:nth-child(4) {
|
||||
right: 143px;
|
||||
top: 9px;
|
||||
position: absolute;
|
||||
}
|
||||
.diamonds > li:nth-child(5) {
|
||||
margin-left: 516px;
|
||||
margin-top: -70px;
|
||||
}
|
||||
.diamonds > li:nth-child(6) {
|
||||
position: absolute;
|
||||
margin: -8px 0 0 -27px;
|
||||
right: -14px;
|
||||
}
|
||||
.diamonds > li:nth-child(7) {
|
||||
position: absolute;
|
||||
margin: 93px 0 0 -133px;
|
||||
right: 90px;
|
||||
}
|
||||
.diamonds .diamond-sm {
|
||||
height: 123px;
|
||||
width: 123px;
|
||||
}
|
||||
.diamonds .diamond-sm .content {
|
||||
height: 123px;
|
||||
width: 123px;
|
||||
}
|
||||
.diamonds .diamond-sm .content img {
|
||||
max-width: 195px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1198px) {
|
||||
.diamonds {
|
||||
text-align: center;
|
||||
width: 748px;
|
||||
margin: 0 auto;
|
||||
padding: 75px 0 0 75px;
|
||||
}
|
||||
.diamonds::after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
.diamonds > li {
|
||||
margin: 0;
|
||||
position: static;
|
||||
float: left;
|
||||
}
|
||||
.diamonds > li:nth-child(2n+2) {
|
||||
margin-bottom: -50px;
|
||||
margin-left: 55px;
|
||||
margin-top: 200px;
|
||||
}
|
||||
.diamonds > li:nth-child(2n+1) {
|
||||
clear: both;
|
||||
}
|
||||
.diamonds > li:nth-child(4) {
|
||||
float: left;
|
||||
}
|
||||
.diamonds > li:nth-child(5), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) {
|
||||
float: right;
|
||||
}
|
||||
.diamonds > li:nth-child(7) {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 748px) {
|
||||
.diamonds {
|
||||
margin: 0 auto;
|
||||
padding: 25px 0 0 0;
|
||||
text-align: center;
|
||||
width: 445px;
|
||||
}
|
||||
.diamonds > li {
|
||||
float: none !important;
|
||||
clear: both !important;
|
||||
margin: 45px 0 115px 95px !important;
|
||||
display: block;
|
||||
}
|
||||
.diamonds > li:nth-child(4), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) {
|
||||
margin-left: 158px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.diamonds-wrapper {
|
||||
min-height: 2290px;
|
||||
}
|
||||
.diamonds-wrapper .diamonds {
|
||||
margin: 0 auto;
|
||||
padding: 25px 0 0;
|
||||
text-align: center;
|
||||
width: 445px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -222px;
|
||||
}
|
||||
.diamonds-wrapper .diamonds .diamond {
|
||||
margin: 130px auto 0;
|
||||
}
|
||||
.diamonds-wrapper .diamonds > li {
|
||||
text-align: center;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.diamonds-wrapper .diamonds > li:first-child .diamond {
|
||||
margin-top: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Testimonials
|
||||
*/
|
||||
.testimonial.testimonial-with-quotes.custom-testimonial-quote-position-1 blockquote:before {
|
||||
left: -28px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
.tabs.tabs-simple .nav-tabs > li .nav-link:not(.active) {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Accordion
|
||||
*/
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #f4f4f4;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||
background: #f4f4f4;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Process
|
||||
*/
|
||||
.custom-process-style-1.process.process-vertical .process-step-circle {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-color: #CCC;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.custom-process-style-1.process.process-vertical .process-step:after {
|
||||
width: 3px;
|
||||
height: calc(100% - 110px);
|
||||
top: 95px;
|
||||
left: 39px;
|
||||
background-color: #d4d4d4;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,102 @@
|
|||
@media (min-width: 992px) {
|
||||
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
|
||||
color: #3E3E3E;
|
||||
font-weight: 600;
|
||||
}
|
||||
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a:before {
|
||||
height: 1px !important;
|
||||
}
|
||||
#header .header-nav-features .header-nav-top-icon {
|
||||
color: #3E3E3E;
|
||||
}
|
||||
#header .header-nav-features .header-nav-top-icon-img {
|
||||
color: #3E3E3E;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el-pos-1 {
|
||||
bottom: -260px;
|
||||
left: -15%;
|
||||
}
|
||||
|
||||
@media (min-width: 1600px) {
|
||||
.custom-el-pos-1 {
|
||||
left: -65px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el-pos-2 {
|
||||
bottom: -155px;
|
||||
right: -145px;
|
||||
}
|
||||
|
||||
.custom-min-height-1 {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
html .btn-quaternary:hover {
|
||||
background: #F0F2FC !important;
|
||||
}
|
||||
|
||||
.owl-carousel-light {
|
||||
z-index: initial !important;
|
||||
}
|
||||
|
||||
.owl-carousel-light .owl-stage {
|
||||
background: #F5F6FB;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-1 .owl-nav .owl-next {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: var(--quaternary) !important;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1 .owl-nav .owl-prev:before, .owl-carousel.custom-nav-1 .owl-nav .owl-next:before {
|
||||
color: #3E3E3E;
|
||||
left: 0 !important;
|
||||
top: 1px !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-1 .owl-nav {
|
||||
z-index: 5;
|
||||
top: 100%;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-prev {
|
||||
transform: none !important;
|
||||
left: auto;
|
||||
top: -62px;
|
||||
right: 63px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-next {
|
||||
transform: none !important;
|
||||
top: -62px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-2 .owl-nav .owl-prev {
|
||||
margin-left: -25px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-3 .owl-nav {
|
||||
margin-top: -45px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-prev {
|
||||
margin-left: -25px;
|
||||
}
|
||||
|
||||
.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-next {
|
||||
margin-right: -25px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.owl-carousel.custom-nav-1-pos-4 .owl-nav {
|
||||
bottom: 33px;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,842 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@media (min-height: 1200px) {
|
||||
.body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Tertiary
|
||||
*/
|
||||
.custom-font-tertiary {
|
||||
font-family: "Lora", serif !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Icons
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "Fontello";
|
||||
src: url("../../css/fonts/demos/digital-agency-2/fontello.woff2") format("woff2"), url("../../css/fonts/demos/digital-agency-2/fontello.woff") format("woff"), url("../../css/fonts/demos/digital-agency-2/fontello.ttf") format("ttf"), url("../../css/fonts/demos/digital-agency-2/fontello.eot") format("eot");
|
||||
}
|
||||
|
||||
/*
|
||||
* Container
|
||||
*/
|
||||
@media (min-width: 1240px) {
|
||||
.container {
|
||||
max-width: 1240px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Text
|
||||
*/
|
||||
.custom-text-1 {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.custom-text-2 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.custom-text-3 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.custom-text-4 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.custom-text-5 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.custom-text-6 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.custom-text-7 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
.custom-text-8 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
|
||||
.custom-text-9 {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-text-10 {
|
||||
font-size: 40px !important;
|
||||
line-height: 40px !important;
|
||||
}
|
||||
|
||||
.custom-text-11 {
|
||||
font-size: 55px !important;
|
||||
line-height: 72px !important;
|
||||
}
|
||||
|
||||
.custom-text-12 {
|
||||
font-size: 60px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Buttons
|
||||
*/
|
||||
.custom-btn-outline {
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
@keyframes arrowMove {
|
||||
0% {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
50% {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
}
|
||||
100% {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-btn-with-arrow:after {
|
||||
content: '\E800';
|
||||
font-family: 'Fontello';
|
||||
font-size: 18px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.custom-btn-with-arrow:hover:after {
|
||||
animation: arrowMove 600ms ease;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
/*
|
||||
* Titles
|
||||
*/
|
||||
.custom-title-with-icon:before {
|
||||
content: '\E801';
|
||||
font-family: 'Fontello';
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
line-height: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.custom-title-with-icon-center:before {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-title-with-icon-right:before {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Circles
|
||||
*/
|
||||
.custom-circle {
|
||||
position: absolute;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
z-index: 100;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.custom-circle-blur {
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
.custom-circle-1 {
|
||||
width: 68px;
|
||||
height: 67px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-1 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-2 {
|
||||
width: 33px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-3 {
|
||||
width: 21px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-3 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-4 {
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-4 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header.header-effect-shrink .header-container {
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
#header.header-effect-shrink .header-container .header-column-social-icons {
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header.header-effect-shrink .header-container .header-nav nav ul li.dropdown:hover .dropdown-menu {
|
||||
margin-top: -20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
html.mobile-menu-opened.sticky-header-active #header.header-transparent .header-body .header-nav-main:before {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.custom-circles-container .custom-circle-1:nth-child(1) {
|
||||
top: 40%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-2:nth-child(2) {
|
||||
top: 20%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-3:nth-child(3) {
|
||||
top: 27%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-1:nth-child(4) {
|
||||
top: 50%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-2:nth-child(5) {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-3:nth-child(6) {
|
||||
top: 60%;
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Cards
|
||||
*/
|
||||
.custom-cards {
|
||||
margin-top: -345px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards .card {
|
||||
bottom: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards .col-custom-cards .card {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards:nth-child(2) {
|
||||
transform: translateY(45px);
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards:nth-child(3) {
|
||||
transform: translateY(90px);
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom List
|
||||
*/
|
||||
.custom-list li:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
margin-right: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Approach Img
|
||||
*/
|
||||
.approach-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-image: url("../../img/demos/digital-agency-2/bg/bg-3.png");
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 50%;
|
||||
min-width: 355px;
|
||||
min-height: 360px;
|
||||
max-width: 355px;
|
||||
max-height: 360px;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-1 {
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 113px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-2 {
|
||||
display: block;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-image: url(../../img/demos/digital-agency-2/bg/bg-3.png);
|
||||
background-position: center;
|
||||
background-size: 500px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-1 {
|
||||
width: 33px;
|
||||
height: 31px;
|
||||
border-radius: 50%;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-2 {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
top: 25%;
|
||||
right: 2%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-3 {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
bottom: 0;
|
||||
left: 20%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Work
|
||||
*/
|
||||
.our-work .isotope-item {
|
||||
position: static !important;
|
||||
transition: .3s opacity;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work img {
|
||||
min-height: 280px;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text h4, .our-work .custom-our-work .custom-our-work-text p, .our-work .custom-our-work .custom-our-work-text span {
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text h4 {
|
||||
transition: .2s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text p {
|
||||
transition: .5s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text span {
|
||||
transition: .9s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work:hover:before {
|
||||
opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work:hover .custom-our-work-text h4, .our-work .custom-our-work:hover .custom-our-work-text p, .our-work .custom-our-work:hover .custom-our-work-text span {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Side menu Our Work
|
||||
*/
|
||||
.side-menu-our-work .sort-source li a:before {
|
||||
content: '';
|
||||
width: 15px;
|
||||
height: 3px;
|
||||
background-color: #CCC;
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
vertical-align: middle;
|
||||
transition: .5s width;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source li a:hover:before {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source li.active a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||
color: #000 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Services
|
||||
*/
|
||||
.our-services .custom-circle-2 {
|
||||
top: 10%;
|
||||
right: 7%;
|
||||
}
|
||||
|
||||
.our-services .service-card {
|
||||
padding: 65px 0 65px 35px;
|
||||
}
|
||||
|
||||
.our-services .service-card:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
margin-right: 10px;
|
||||
transition: .5s width;
|
||||
}
|
||||
|
||||
.our-services .service-card:hover:before {
|
||||
width: 45px;
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.our-services .service-card.bg-color-dark:before, .our-services .service-card.active:before {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img {
|
||||
min-height: 377px;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img img {
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-1 {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 253px;
|
||||
height: 140px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-2 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 253px;
|
||||
height: 178px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-3 {
|
||||
border: 3px solid #000;
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 299px;
|
||||
height: 285px;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .custom-circle-1 {
|
||||
position: absolute;
|
||||
top: 70%;
|
||||
left: -5%;
|
||||
transform: translateY(-50%);
|
||||
width: 26px;
|
||||
height: 24px;
|
||||
opacity: 0.5;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Insights
|
||||
*/
|
||||
.our-insights .custom-circle-2 {
|
||||
top: 8%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.our-insights .custom-circle-3 {
|
||||
top: 18%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
/*
|
||||
* About Us Featured Block
|
||||
*/
|
||||
.about-us-featured-block {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: -50%;
|
||||
transform: translate(-70px, -50%);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about-us-featured-block {
|
||||
position: static;
|
||||
transform: translate(0);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Our Work Detail
|
||||
*/
|
||||
.project-details {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Our Services Detail
|
||||
*/
|
||||
.custom-accordion .custom-card-default {
|
||||
border-width: 20px !important;
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.custom-accordion .custom-card-body-collapse {
|
||||
border-bottom: 20px solid;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Contact Us - Where You Are
|
||||
*/
|
||||
.where-you-are-postal-cards .custom-circle-2:nth-child(1) {
|
||||
top: -10px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .custom-circle-3:nth-child(2) {
|
||||
top: -10px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .custom-circle-3:nth-child(3) {
|
||||
bottom: -40px;
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||
min-height: 380px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Get in Touch
|
||||
*/
|
||||
.get-in-touch {
|
||||
padding: 90px 0 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.get-in-touch {
|
||||
padding: 90px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.get-in-touch:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 120%;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: -48px;
|
||||
left: -5%;
|
||||
transform: rotate(2deg);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.get-in-touch:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.get-in-touch .custom-circle-1 {
|
||||
top: 20%;
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.get-in-touch .custom-circle-2 {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.page-header.page-header-modern.page-header-background {
|
||||
padding: 185px 0 245px;
|
||||
margin-bottom: 0;
|
||||
background-position: 0 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.page-header.page-header-modern.page-header-background {
|
||||
padding: 100px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
bottom: -48px;
|
||||
left: 0;
|
||||
transform: rotate(2deg);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.page-header.page-header-modern.page-header-background:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-1:nth-child(1) {
|
||||
top: 40%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-2:nth-child(2) {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-3:nth-child(3) {
|
||||
top: 60%;
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .breadcrumb:before {
|
||||
content: '\E801';
|
||||
font-family: 'Fontello';
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
line-height: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Text Color
|
||||
*/
|
||||
body {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/*
|
||||
* BG Dark
|
||||
*/
|
||||
html,
|
||||
html.dark body,
|
||||
html.dark .body {
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
html.dark .bg-color-darken {
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
@media (min-width: 992px) {
|
||||
html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li > a, html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li:hover > a {
|
||||
color: #FFF;
|
||||
}
|
||||
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
|
||||
background: #252525;
|
||||
}
|
||||
html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:hover > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:focus > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li.active > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:active > a {
|
||||
background: #323232;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
html.dark #header.header-transparent .header-body.bg-dark .header-nav-main:before,
|
||||
html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before {
|
||||
background-color: #252525;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
html.dark .slider-container:after {
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.page-header.page-header-modern.page-header-background:after {
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sort Source
|
||||
*/
|
||||
html.dark .side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
html.dark .side-menu-our-work .sort-source.sort-source-light li:hover a, html.dark .side-menu-our-work .sort-source.sort-source-light li:hover a:hover {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Project Details
|
||||
*/
|
||||
html.dark .project-details {
|
||||
border-color: #323232;
|
||||
}
|
||||
|
||||
/*
|
||||
* Blog
|
||||
*/
|
||||
html.dark ul.comments .comment-block {
|
||||
background: #323232;
|
||||
}
|
||||
|
||||
html.dark ul.comments .comment-block .comment-arrow {
|
||||
border-right-color: #323232;
|
||||
}
|
||||
|
||||
/*
|
||||
* Accordion
|
||||
*/
|
||||
html.dark .accordion .card-default {
|
||||
border-color: #323232 !important;
|
||||
}
|
||||
|
||||
html.dark .accordion .card,
|
||||
html.dark .accordion .card-header {
|
||||
background-color: #323232 !important;
|
||||
}
|
||||
|
||||
html.dark .accordion .custom-card-body-collapse {
|
||||
border-bottom-color: #323232 !important;
|
||||
}
|
||||
|
||||
html.dark .accordion .card-body {
|
||||
background-color: #2a2a2a !important;
|
||||
}
|
||||
|
||||
html.dark .pagination > li > a,
|
||||
html.dark .pagination > li > span {
|
||||
background-color: #2d2d2d;
|
||||
border-color: #323232;
|
||||
}
|
||||
|
|
@ -0,0 +1,727 @@
|
|||
body {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@media (min-height: 1200px) {
|
||||
.body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Tertiary
|
||||
*/
|
||||
.custom-font-tertiary {
|
||||
font-family: "Lora", serif !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Font Icons
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "Fontello";
|
||||
src: url("../../css/fonts/demos/digital-agency-2/fontello.woff2") format("woff2"), url("../../css/fonts/demos/digital-agency-2/fontello.woff") format("woff"), url("../../css/fonts/demos/digital-agency-2/fontello.ttf") format("ttf"), url("../../css/fonts/demos/digital-agency-2/fontello.eot") format("eot");
|
||||
}
|
||||
|
||||
/*
|
||||
* Container
|
||||
*/
|
||||
@media (min-width: 1240px) {
|
||||
.container {
|
||||
max-width: 1240px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Text
|
||||
*/
|
||||
.custom-text-1 {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.custom-text-2 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.custom-text-3 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.custom-text-4 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.custom-text-5 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.custom-text-6 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.custom-text-7 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
.custom-text-8 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
|
||||
.custom-text-9 {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-text-10 {
|
||||
font-size: 40px !important;
|
||||
line-height: 40px !important;
|
||||
}
|
||||
|
||||
.custom-text-11 {
|
||||
font-size: 55px !important;
|
||||
line-height: 72px !important;
|
||||
}
|
||||
|
||||
.custom-text-12 {
|
||||
font-size: 60px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Buttons
|
||||
*/
|
||||
.custom-btn-outline {
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
@keyframes arrowMove {
|
||||
0% {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
50% {
|
||||
position: relative;
|
||||
left: 3px;
|
||||
}
|
||||
100% {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-btn-with-arrow:after {
|
||||
content: '\E800';
|
||||
font-family: 'Fontello';
|
||||
font-size: 18px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.custom-btn-with-arrow:hover:after {
|
||||
animation: arrowMove 600ms ease;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
/*
|
||||
* Titles
|
||||
*/
|
||||
.custom-title-with-icon:before {
|
||||
content: '\E801';
|
||||
font-family: 'Fontello';
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
line-height: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.custom-title-with-icon-center:before {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-title-with-icon-right:before {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Circles
|
||||
*/
|
||||
.custom-circle {
|
||||
position: absolute;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
z-index: 100;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.custom-circle-blur {
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
.custom-circle-1 {
|
||||
width: 68px;
|
||||
height: 67px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-1 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-2 {
|
||||
width: 33px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-3 {
|
||||
width: 21px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-3 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-circle-4 {
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
@media (max-width: 1799px) {
|
||||
.custom-circle-4 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
#header.header-effect-shrink .header-container {
|
||||
min-height: 120px;
|
||||
}
|
||||
|
||||
#header.header-effect-shrink .header-container .header-column-social-icons {
|
||||
flex-grow: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header.header-effect-shrink .header-container .header-nav nav ul li.dropdown:hover .dropdown-menu {
|
||||
margin-top: -20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
html.mobile-menu-opened.sticky-header-active #header.header-transparent .header-body .header-nav-main:before {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.custom-circles-container .custom-circle-1:nth-child(1) {
|
||||
top: 40%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-2:nth-child(2) {
|
||||
top: 20%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-3:nth-child(3) {
|
||||
top: 27%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-1:nth-child(4) {
|
||||
top: 50%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-2:nth-child(5) {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.custom-circles-container .custom-circle-3:nth-child(6) {
|
||||
top: 60%;
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Cards
|
||||
*/
|
||||
.custom-cards {
|
||||
margin-top: -345px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards .card {
|
||||
bottom: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.custom-cards .col-custom-cards .card {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards:nth-child(2) {
|
||||
transform: translateY(45px);
|
||||
}
|
||||
|
||||
.custom-cards .col-custom-cards:nth-child(3) {
|
||||
transform: translateY(90px);
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom List
|
||||
*/
|
||||
.custom-list li:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
margin-right: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Approach Img
|
||||
*/
|
||||
.approach-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-image: url("../../img/demos/digital-agency-2/bg/bg-3.png");
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 50%;
|
||||
min-width: 355px;
|
||||
min-height: 360px;
|
||||
max-width: 355px;
|
||||
max-height: 360px;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-1 {
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 113px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-2 {
|
||||
display: block;
|
||||
width: 25%;
|
||||
height: 25%;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-image: url(../../img/demos/digital-agency-2/bg/bg-3.png);
|
||||
background-position: center;
|
||||
background-size: 500px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-1 {
|
||||
width: 33px;
|
||||
height: 31px;
|
||||
border-radius: 50%;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-2 {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
top: 25%;
|
||||
right: 2%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.approach-img .custom-circle-our-approach-deco-3 {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 50%;
|
||||
bottom: 0;
|
||||
left: 20%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Work
|
||||
*/
|
||||
.our-work .isotope-item {
|
||||
position: static !important;
|
||||
transition: .3s opacity;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work img {
|
||||
min-height: 280px;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text h4, .our-work .custom-our-work .custom-our-work-text p, .our-work .custom-our-work .custom-our-work-text span {
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text h4 {
|
||||
transition: .2s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text p {
|
||||
transition: .5s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work .custom-our-work-text span {
|
||||
transition: .9s left;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work:hover:before {
|
||||
opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
.our-work .custom-our-work:hover .custom-our-work-text h4, .our-work .custom-our-work:hover .custom-our-work-text p, .our-work .custom-our-work:hover .custom-our-work-text span {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Side menu Our Work
|
||||
*/
|
||||
.side-menu-our-work .sort-source li a:before {
|
||||
content: '';
|
||||
width: 15px;
|
||||
height: 3px;
|
||||
background-color: #CCC;
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
vertical-align: middle;
|
||||
transition: .5s width;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source li a:hover:before {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source li.active a {
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.side-menu-our-work .sort-source.sort-source-light li.active a {
|
||||
color: #000 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Services
|
||||
*/
|
||||
.our-services .custom-circle-2 {
|
||||
top: 10%;
|
||||
right: 7%;
|
||||
}
|
||||
|
||||
.our-services .service-card {
|
||||
padding: 65px 0 65px 35px;
|
||||
}
|
||||
|
||||
.our-services .service-card:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
margin-right: 10px;
|
||||
transition: .5s width;
|
||||
}
|
||||
|
||||
.our-services .service-card:hover:before {
|
||||
width: 45px;
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.our-services .service-card.bg-color-dark:before, .our-services .service-card.active:before {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img {
|
||||
min-height: 377px;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img img {
|
||||
max-width: 300px;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-1 {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 253px;
|
||||
height: 140px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-2 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 253px;
|
||||
height: 178px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .square-3 {
|
||||
border: 3px solid #000;
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 299px;
|
||||
height: 285px;
|
||||
}
|
||||
|
||||
.our-services .col-our-services-bottom .col-our-services-bottom-img .custom-circle-1 {
|
||||
position: absolute;
|
||||
top: 70%;
|
||||
left: -5%;
|
||||
transform: translateY(-50%);
|
||||
width: 26px;
|
||||
height: 24px;
|
||||
opacity: 0.5;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Our Insights
|
||||
*/
|
||||
.our-insights .custom-circle-2 {
|
||||
top: 8%;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.our-insights .custom-circle-3 {
|
||||
top: 18%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
/*
|
||||
* About Us Featured Block
|
||||
*/
|
||||
.about-us-featured-block {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: -50%;
|
||||
transform: translate(-70px, -50%);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about-us-featured-block {
|
||||
position: static;
|
||||
transform: translate(0);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Our Work Detail
|
||||
*/
|
||||
.project-details {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Our Services Detail
|
||||
*/
|
||||
.custom-accordion .custom-card-default {
|
||||
border-width: 20px !important;
|
||||
border-top: 0 !important;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.custom-accordion .custom-card-body-collapse {
|
||||
border-bottom: 20px solid;
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Contact Us - Where You Are
|
||||
*/
|
||||
.where-you-are-postal-cards .custom-circle-2:nth-child(1) {
|
||||
top: -10px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .custom-circle-3:nth-child(2) {
|
||||
top: -10px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .custom-circle-3:nth-child(3) {
|
||||
bottom: -40px;
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||
min-height: 380px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal {
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal img {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.where-you-are-postal-cards .col-where-you-are-postal .col-where-you-are-postal-text {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Section Get in Touch
|
||||
*/
|
||||
.get-in-touch {
|
||||
padding: 90px 0 150px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.get-in-touch {
|
||||
padding: 90px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.get-in-touch:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 120%;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: -48px;
|
||||
left: -5%;
|
||||
transform: rotate(2deg);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.get-in-touch:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.get-in-touch .custom-circle-1 {
|
||||
top: 20%;
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.get-in-touch .custom-circle-2 {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.page-header.page-header-modern.page-header-background {
|
||||
padding: 185px 0 245px;
|
||||
margin-bottom: 0;
|
||||
background-position: 0 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.page-header.page-header-modern.page-header-background {
|
||||
padding: 100px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
bottom: -48px;
|
||||
left: 0;
|
||||
transform: rotate(2deg);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.page-header.page-header-modern.page-header-background:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-1:nth-child(1) {
|
||||
top: 40%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-2:nth-child(2) {
|
||||
top: 70%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .custom-circle-3:nth-child(3) {
|
||||
top: 60%;
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
.page-header.page-header-modern.page-header-background .breadcrumb:before {
|
||||
content: '\E801';
|
||||
font-family: 'Fontello';
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
line-height: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Footer
|
||||
*/
|
||||
#footer {
|
||||
border: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,326 @@
|
|||
.custom-big-text-1 {
|
||||
font-size: 152px;
|
||||
font-size: 9.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-big-text-1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-big-text-2 {
|
||||
font-size: 124.8px;
|
||||
font-size: 7.8rem;
|
||||
line-height: 112px;
|
||||
line-height: 7rem;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.custom-big-text-2 {
|
||||
font-size: 3.8rem;
|
||||
line-height: 3.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-stroke-text-effect-1 {
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-width: 0.5px;
|
||||
-webkit-text-stroke-color: #FFF;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-svg-reverse > svg {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
.custom-svg-style-1 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1920px) {
|
||||
.custom-svg-style-1 {
|
||||
width: 1920px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-svg-style-1 {
|
||||
width: 1920px;
|
||||
left: 100% !important;
|
||||
}
|
||||
.custom-svg-style-1.custom-svg-style-1-variation {
|
||||
left: 0% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header
|
||||
*/
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
|
||||
background: #FFF !important;
|
||||
height: 1px !important;
|
||||
}
|
||||
#header .header-nav.header-nav-line nav > ul li:hover > a:before {
|
||||
background: #FFF !important;
|
||||
height: 1px !important;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-read-more svg {
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-read-more:hover svg {
|
||||
transform: translate3d(6px, 0, 0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Tabs
|
||||
*/
|
||||
.custom-tabs-style-1.tabs .nav-tabs .nav-link {
|
||||
border-bottom-width: 1px !important;
|
||||
}
|
||||
|
||||
.custom-tabs-style-1.tabs .nav-tabs .nav-link h4 {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-tabs-style-1.tabs .nav-tabs .nav-item {
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Carousel
|
||||
*/
|
||||
@media (min-width: 768px) {
|
||||
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||
width: calc( 100vw - ( ( 100vw - 960px ) / 2 ));
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||
width: calc( 100vw - ( ( 100vw - 1300px ) / 2 ));
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-half-carousel-style-1.carousel-half-full-width-wrapper > .owl-carousel {
|
||||
width: calc( 100vw - ( ( 100vw - 1600px ) / 2 ));
|
||||
}
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot {
|
||||
transition: ease transform 150ms;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot.active, .custom-dots-style-1 .owl-dots .owl-dot:hover {
|
||||
transform: scale(1.4);
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot span {
|
||||
margin: 5px 6px;
|
||||
}
|
||||
|
||||
.custom-dots-style-1 .owl-dots .owl-dot:first-child span {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||
position: absolute;
|
||||
width: 130%;
|
||||
max-width: initial;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||
width: 105%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1600px) {
|
||||
.owl-carousel .owl-item .custom-bg-slider-left,
|
||||
.owl-carousel .owl-item .custom-bg-slider-right {
|
||||
width: 65%;
|
||||
}
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item .custom-bg-slider-left {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Thumb Info
|
||||
*/
|
||||
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
|
||||
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
|
||||
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
|
||||
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page Header
|
||||
*/
|
||||
.custom-page-header.page-header-modern {
|
||||
height: 400px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.custom-page-header.page-header-modern .custom-big-text-1 {
|
||||
font-size: 64px;
|
||||
font-size: 4rem;
|
||||
line-height: 64px;
|
||||
line-height: 4rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.custom-page-header.page-header-modern .custom-big-text-2 {
|
||||
font-size: 48px;
|
||||
font-size: 3rem;
|
||||
line-height: 48px;
|
||||
line-height: 3rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-page-header.page-header-modern .custom-big-text-1 {
|
||||
font-size: 6rem;
|
||||
line-height: 6rem;
|
||||
}
|
||||
.custom-page-header.page-header-modern .custom-big-text-2 {
|
||||
font-size: 5rem;
|
||||
line-height: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Accordion
|
||||
*/
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #f4f4f4;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header + .collapse.show,
|
||||
.custom-accordion-style-1 > .card .card-header + .collapsing {
|
||||
background: #f4f4f4;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 17px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Por
|
||||
*/
|
||||
.custom-sort-source.sort-source.sort-source-style-3 {
|
||||
border-bottom: 1px solid #EEE;
|
||||
}
|
||||
|
||||
.custom-sort-source.sort-source.sort-source-style-3 > li {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.custom-sort-source.sort-source.sort-source-style-3 > li > a {
|
||||
border-bottom: 1px solid #EEE;
|
||||
border-radius: 0;
|
||||
padding: 20px 12px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Contact Form
|
||||
*/
|
||||
.custom-form-style-1 .form-control {
|
||||
height: calc(1.8em + 1.85rem + 2px);
|
||||
padding: 15.6px 20px;
|
||||
padding: 0.975rem 1.25rem;
|
||||
background: #f7f7f7;
|
||||
border-color: #f7f7f7;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:focus {
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select {
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option[selected] {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,231 @@
|
|||
.custom-bg-color-grey-1 {
|
||||
background-color: #f4f4f4 !important;
|
||||
}
|
||||
|
||||
.custom-font-1 {
|
||||
font-family: Georgia, serif !important;
|
||||
}
|
||||
|
||||
/* Slider */
|
||||
.custom-slider-el-1 {
|
||||
max-width: 30%;
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
.custom-slider-el-2 {
|
||||
max-width: 30%;
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.custom-slider-text-1 {
|
||||
font-size: 100px;
|
||||
text-transform: none;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
|
||||
.custom-slider-text-1 em {
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
color: transparent;
|
||||
font-size: 155px;
|
||||
transform: rotate(-15deg);
|
||||
position: relative;
|
||||
top: 37px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-slider-text-block {
|
||||
zoom: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-slider-text-block {
|
||||
zoom: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header Nav Main */
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Feature Boxes */
|
||||
.feature-box-steps .feature-box-step-number {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.feature-box-steps .feature-box-step-number em {
|
||||
font-size: 44px;
|
||||
font-style: normal;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
margin-right: 10px;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
|
||||
/* Courses */
|
||||
.custom-card-courses {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.custom-card-courses .custom-card-courses-author {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.custom-card-courses .custom-card-courses-author img {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
/* Countdown */
|
||||
.countdown {
|
||||
min-height: 88px;
|
||||
}
|
||||
|
||||
/* Custom Elements */
|
||||
.custom-element {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.custom-element.custom-element-pos-1 {
|
||||
top: 30%;
|
||||
left: -35%;
|
||||
}
|
||||
|
||||
.custom-element.custom-element-pos-2 {
|
||||
bottom: -15%;
|
||||
right: -35%;
|
||||
}
|
||||
|
||||
.custom-element.custom-element-pos-3 {
|
||||
top: 30%;
|
||||
left: -35%;
|
||||
}
|
||||
|
||||
.custom-element.custom-element-pos-4 {
|
||||
top: -20%;
|
||||
right: -20%;
|
||||
}
|
||||
|
||||
/* Section Bacgrkound */
|
||||
@media (max-width: 991px) {
|
||||
.custom-section-background-1 {
|
||||
padding-bottom: 35% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.custom-section-background-2 {
|
||||
padding-bottom: 35% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.breadcrumb > li {
|
||||
font-size: 0.9em;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/* Course Details */
|
||||
.custom-course-detail .custom-course-detail-avatar {
|
||||
max-height: 80px;
|
||||
max-width: 80px;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.custom-course-detail .border-right {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Course Details */
|
||||
@media (max-width: 767px) {
|
||||
.custom-instructor-details .border-right {
|
||||
border: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom Accordion Style */
|
||||
.custom-accordion-style-1 > .card {
|
||||
border: 1px solid transparent !important;
|
||||
transition: ease border-color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a {
|
||||
position: relative;
|
||||
padding: 23px 30px;
|
||||
background-color: #FFF;
|
||||
transition: ease background-color 300ms, ease color 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a:after {
|
||||
content: '+';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 25px;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
transform: translate3d(0, -50%, 0) rotate(45deg);
|
||||
transform-origin: 50% 50%;
|
||||
transition: ease transform 300ms;
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card .card-header a.collapsed:after {
|
||||
transform: translate3d(0, -50%, 0) rotate(0deg);
|
||||
}
|
||||
|
||||
.custom-accordion-style-1 > .card + .card {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* Form */
|
||||
.custom-form-style-1 .form-control {
|
||||
height: calc(1.8em + 1.85rem + 2px);
|
||||
padding: 15.6px 20px;
|
||||
padding: 0.975rem 1.25rem;
|
||||
background: #f7f7f7;
|
||||
border-color: #f7f7f7;
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:focus {
|
||||
border-color: #CCC;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-webkit-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control::-moz-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 .form-control:-ms-input-placeholder {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select {
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 select option[selected] {
|
||||
color: #a9a9a9;
|
||||
}
|
||||
|
||||
.custom-form-style-1 textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue