n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

commit jun 10

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-10 11:37:04 +02:00
parent 11af19a797
commit 27bfb40495
18 changed files with 601 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
about.html
View File

@@ -77,13 +77,13 @@
</div> </div>
<div class="horizontal-menu d-none d-md-none d-lg-flex " > <div class="horizontal-menu d-none d-md-none d-lg-flex " >
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" > <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" >
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li id="li-home" class="navs">About US</li> <li id="li-home" class="navs">About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;">Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt=""> <img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
@@ -104,13 +104,13 @@
<div class="collapse" id="navbarToggleExternalContent" > <div class="collapse" id="navbarToggleExternalContent" >
<div id="myDropdown" class="dropdown-content" > <div id="myDropdown" class="dropdown-content" >
<ul class="nav-ul mb-0" > <ul class="nav-ul mb-0" >
<li class="navs">Home</li> <li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li id="li-home" class="navs">About US</li> <li id="li-home" class="navs">About us</li>
<li class="navs">Services</li> <li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs">cases</li> <li class="navs"><a href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
<div class="links d-inline-block w-100"> <div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0"> <ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
@@ -148,13 +148,13 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center" > <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center" >
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li id="li-home" class="navs">About US</li> <li id="li-home" class="navs">About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;">Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<div class="breadcrumb"> <div class="breadcrumb">
@@ -163,7 +163,8 @@
<div class="breadcrumb-item-about" aria-current="page">About us</div> <div class="breadcrumb-item-about" aria-current="page">About us</div>
</div> </div>
<div class="img first-part-au"> <div class="img-au first-part-au">
</div> </div>
<!-- First part --> <!-- First part -->

36
cases.html
View File

@@ -78,13 +78,13 @@
</div> </div>
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">cases</li> <li id="li-home" class="navs">Cases</li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt=""> <img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
@@ -105,13 +105,13 @@
<div class="collapse" id="navbarToggleExternalContent"> <div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<li class="navs">Home</li> <li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">cases</li> <li id="li-home" class="navs">Cases</li>
<li class="navs">news</li> <li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
<div class="links d-inline-block w-100"> <div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0"> <ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
@@ -149,13 +149,13 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li id="li-home" class="navs">cases</li> <li id="li-home" class="navs">Cases</li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<div class="breadcrumb"> <div class="breadcrumb">

225
contacts.html Normal file
View File

@@ -0,0 +1,225 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css"
integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="style/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/4bb6479073.js" crossorigin="anonymous"></script>
<title>Globaly - Full Cycle Business Management & Consulting Responsive WordPress Theme</title>
</head>
<body>
<!-- nav bar -->
<nav class="navbar clearfix d-flex justify-content-center d-md-flex justify-content-md-end">
<ul class="socials-ul clearfix d-none d-md-flex align-items-md-center pb-0 mt-0 mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
<div class="form-container ">
<form class="d-flex align-items-center d-sm-flex justify-content-sm-between" role="search">
<input id="src-input" class="form-control rounded-0 border-0" type="search" placeholder="Search ...">
<button class="btn" type="submit" style="padding-bottom: 0px;padding-top: 0px;">
<span class="material-icons">
search
</span>
</button>
</form>
</div>
</nav>
<!-- header -->
<header
class="d-flex flex-column d-md-flex flex-md-row-reverse justify-content-md-between align-items-center justify-content-sm-center mx-lg-0 my-lg-0 mt-4 mx-0 mt-md-4 mb-md-3 mx-md-3">
<div class="contact d-flex flex-column">
<div class="number d-inline">
<span id="phone-img" class="material-icons">
phone
</span>
<a class="phone" href="#">800-2345-6789</a>
</div>
<a id="mail" href="#" class="mt-1">globaly@demolink.org</a>
</div>
<div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"> About us</a></li>
<li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li id="li-home" class="navs" >Contacts</li>
</ul>
</div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
<!-- site navigation-->
<nav class="menu d-flex d-md-none justify-content-center align-items-center w-100 "
style="background-color: white; height: 68px; box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<div class="container-fluid ">
<button class="navbar-toggler d-flex justify-content-center align-items-center" type="button"
data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent"
aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="material-icons">menu
</span><span>Menu</span>
</button>
</div>
</nav>
<div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0">
<li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs"><a href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li id="li-home" class="navs">Contacts</li>
</ul>
<div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
<li id="socials">
<a href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li id="socials">
<a href="https://x.com">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li id="socials">
<a href="https://www.google.com">
<i class="fa-brands fa-google-plus-g"></i>
</a>
</li>
<li id="socials">
<a href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest"></i>
</a>
</li>
<li id="socials">
<a href="https://rs.linkedin.com">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li>
<li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li id="li-home" class="navs" >Contacts</li>
</ul>
</div>
<div class="breadcrumb">
<div class="breadcrumb-item"><a href="index.html">Home</a></div>
<div class="breadcrumb-item-sep">/</div>
<div class="breadcrumb-item-about" aria-current="page">Contacts</div>
</div>
<!-- Address -->
<section>
<div class="headline d-flex align-items-center justify-content-center flex-column mt-5">
<h3 class="headline-h3 mx-3" style="text-align: center;">Primary</h3>
<h2 class="headline-h2">Contacts</h2>
</div>
<div class="address-contacts">
<p class="address">87 Tennesee hwy.,Alexandria, VA USA, 22303</p>
<div class="num-container-contacts">
<span id="phone-img" class="material-icons">
phone
</span>
<strong class="number-contacts">800 -2345-6789</strong>
</div>
</div>
<!-- form-au -->
<div
class="form-about d-flex flex-column align-items-center justify-content-center my-5 my-md-5 mt-lg-5 mb-5 mb-lg-0">
<div class="headline d-flex align-items-center justify-content-center flex-column">
<h3 class="headline-h3 mx-3" style="text-align: center;">We review and accept business requests</h3>
<h2 class="headline-h2">Contact us now:</h2>
</div>
<div class="form-container-bot d-flex flex-column align-items-start justify-content-center">
<input class="input-text" type="text" placeholder="your name">
<input class="input-text" type="text" placeholder="your e-mail">
<textarea rows="5" class="input-text">your message</textarea>
</div>
<input class="view-more" type="submit" value="send">
</div>
<div class="google-map" >
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d691259.3591892968!2d-77.60275823607651!3d38.56325402877762!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b64de885e53a9d%3A0x67e76f2416faa504!2z0KHQv9GA0LjQvdCz0YTQuNC70LQsINCS0LjRgNGf0LjQvdC40ZjQsCwg0KHRmNC10LTQuNGa0LXQvdC1INCU0YDQttCw0LLQtQ!5e0!3m2!1ssr!2srs!4v1718006987157!5m2!1ssr!2srs"
width="100%" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<!-- footer -->
<footer class="d-flex flex-column justify-content-center align-items-center pb-4 py-lg-5 py-md-5">
<img src="/assets/images/footer-logo.webp" class="mt-3 mt-md-0" alt="">
<div class="footer-copyright">
(c)2024 Globaly. All rights reserved. |
<a href="#">Privacy Policy</a>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>

34
index.html
View File

@@ -81,11 +81,11 @@
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"> About us</a></li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;">Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt=""> <img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
@@ -109,10 +109,10 @@
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs"><a href="about.html" style="text-decoration: none;"> About US</a></li> <li class="navs"><a href="about.html" style="text-decoration: none;"> About US</a></li>
<li class="navs">Services</li> <li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs">cases</li> <li class="navs"><a href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
<div class="links d-inline-block w-100"> <div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0"> <ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
@@ -152,11 +152,11 @@
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li id="li-home" class="navs">Home</li> <li id="li-home" class="navs">Home</li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"> About us</a></li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;">Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">more</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
@@ -256,7 +256,7 @@
<div class="row mx-md-3 mx-lg-5"> <div class="row mx-md-3 mx-lg-5">
<div class="col-md-6 col-lg-4 my-md-0"> <div class="col-md-6 col-lg-4 my-md-0">
<div class="card-fourth px-md-2 px-lg-3"> <div class="card-fourth px-md-2 px-lg-3">
<img class="img" src="assets/images/image41-560x350.jpg" alt=""> <img class="img-fourth" src="assets/images/image41-560x350.jpg" alt="">
<div class="date-by d-flex flex-row"> <div class="date-by d-flex flex-row">
<span class="published">26.07.2016</span> <span class="published">26.07.2016</span>
<div class="author">by admin</div> <div class="author">by admin</div>
@@ -271,7 +271,7 @@
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card-fourth px-md-2 px-lg-3"> <div class="card-fourth px-md-2 px-lg-3">
<img class="img" src="assets/images/image42-560x350.jpg" alt=""> <img class="img-fourth" src="assets/images/image42-560x350.jpg" alt="">
<div class="date-by d-flex flex-row"> <div class="date-by d-flex flex-row">
<span class="published">16.06.2016 </span> <span class="published">16.06.2016 </span>
<div class="author">by admin</div> <div class="author">by admin</div>
@@ -287,7 +287,7 @@
</div> </div>
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<div class="card-fourth px-md-2 px-lg-3"> <div class="card-fourth px-md-2 px-lg-3">
<img class="img" src="assets/images/image43-560x350.jpg" alt=""> <img class="img-fourth" src="assets/images/image43-560x350.jpg" alt="">
<div class="date-by d-flex flex-row"> <div class="date-by d-flex flex-row">
<span class="published">17.05.2016</span> <span class="published">17.05.2016</span>
<div class="author">by admin</div> <div class="author">by admin</div>

70
news.html
View File

@@ -78,13 +78,13 @@
</div> </div>
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li id="li-home" class="navs">news</li> <li id="li-home" class="navs">News</li>
<li class="navs">contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt=""> <img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
@@ -105,13 +105,13 @@
<div class="collapse" id="navbarToggleExternalContent"> <div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<li class="navs">Home</li> <li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs">cases</li> <li class="navs"><a href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li id="li-home" class="navs">news</li> <li id="li-home" class="navs">News</li>
<li class="navs">Contacts</li> <li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
<div class="links d-inline-block w-100"> <div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0"> <ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
@@ -149,13 +149,13 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;"></a> About us</li>
<li class="navs">Services</li> <li class="navs"><a class="hor-navs-a" href="services.html" style="text-decoration: none;"> Services</a></li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li id="li-home" class="navs">news</li> <li id="li-home" class="navs">News</li>
<li class="navs">Contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<div class="breadcrumb"> <div class="breadcrumb">
@@ -187,7 +187,7 @@
Is it viable now for IT companies to file an IPO?</h4> Is it viable now for IT companies to file an IPO?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">It’s no dotcom-bubble burst today as it was at the verge of the centuries. But still, with so many different trends receiving investment funding, is it wise for a company to file an IPO at this time in the stock’s history.</p> <p class="news-card-p d-none d-md-flex d-lg-flex">It’s no dotcom-bubble burst today as it was at the verge of the centuries. But still, with so many different trends receiving investment funding, is it wise for a company to file an IPO at this time in the stock’s history.</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">16.06.2016</a> <a class="date-a" href="">16.06.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -210,7 +210,7 @@
How long before the exit you must be planning it?</h4> How long before the exit you must be planning it?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">The ideal timing for planning an exit strategy is at least 5-10 years beforehand. But unfortunately, that kind of diligent approach is not always applicable. So how does a CEO or an owner can perform a quicker exit?</p> <p class="news-card-p d-none d-md-flex d-lg-flex">The ideal timing for planning an exit strategy is at least 5-10 years beforehand. But unfortunately, that kind of diligent approach is not always applicable. So how does a CEO or an owner can perform a quicker exit?</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">16.07.2016</a> <a class="date-a" href="">16.07.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -231,7 +231,7 @@
Bringing a new CFO at the time of crisis?</h4> Bringing a new CFO at the time of crisis?</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">There are many different approaches for saving a company during a period of a financial meltdown. Hiring a new Chief Financial Officer may seem like an obvious managerial solution from that list. But actually, is it the best decision?</p> <p class="news-card-p d-none d-md-flex d-lg-flex">There are many different approaches for saving a company during a period of a financial meltdown. Hiring a new Chief Financial Officer may seem like an obvious managerial solution from that list. But actually, is it the best decision?</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a> <a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -251,7 +251,7 @@
Image Format</h4> Image Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p> <p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a> <a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -271,7 +271,7 @@
IT: using visual "hotzones" for market research among customers</h4> IT: using visual "hotzones" for market research among customers</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">There are many practical and experimental ways nowadays to get the customer’s mind analyzed. This “hotzones” trend lets us all see a much wider scope on how people react and interact with the web and hardware these days. So let’s try to analyze, which marketing…</p> <p class="news-card-p d-none d-md-flex d-lg-flex">There are many practical and experimental ways nowadays to get the customer’s mind analyzed. This “hotzones” trend lets us all see a much wider scope on how people react and interact with the web and hardware these days. So let’s try to analyze, which marketing…</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a> <a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -296,7 +296,7 @@
Gallery Format</h4> Gallery Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p> <p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a> <a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -319,7 +319,7 @@
Link Format</h4> Link Format</h4>
<p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p> <p class="news-card-p d-none d-md-flex d-lg-flex">When you need your company to have a new website or if you venture on updating your old webpage with a new look and functionality, the choices are versatile… Assuming that you will go the easy way and choose a theme for your WordPress website,…</p>
</div> </div>
<input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read-more"> <input type="submit" class="view-more d-none d-md-flex d-lg-flex" value="read more">
<div class="news-card-date mt-md-3"> <div class="news-card-date mt-md-3">
<a class="date-a" href="">17.05.2016</a> <a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a> <a class="by-admin" href="">by admin</a>
@@ -342,7 +342,7 @@
</div> </div>
<div class="side-bar d-flex flex-column "> <div class="side-bar d-flex flex-column col-lg-3" style="width: 100%; padding: 0; ">
<!-- search --> <!-- search -->
<div class="search-news "> <div class="search-news ">
@@ -354,27 +354,31 @@
<!-- Recent posts --> <!-- Recent posts -->
<div class="recent-posts mt-3 pt-5"> <div class="recent-posts mt-3 pt-5 ">
<h5 class="recent-title">Recent Posts</h5> <h5 class="recent-title">Recent Posts</h5>
<div class="custom-post-container d-flex "> <div class="custom-post-container d-flex d-lg-flex flex-lg-column clearfix ">
<div class="custom-post "> <div class="custom-post d-lg-flex flex-lg-row">
<img src="assets/images/image41-130x136.jpg" alt=""> <img src="assets/images/image41-130x136.jpg" alt="">
<h4 class="recent-subtitle" >How long before the <br> exit you must be<br> planning it?</h4> <div class="custom-post-text">
<h4 class="recent-subtitle" >How long before the exit you must be planning it?</h4>
<a class="date-a" href="#"> 26.06.2016</a> <a class="date-a" href="#"> 26.06.2016</a>
</div> </div>
<div class="custom-post" style="margin-left: 35px;" > </div>
<div class="custom-post d-lg-flex flex-lg-row" >
<img src="assets/images/fakeimg.png" alt=""> <img src="assets/images/fakeimg.png" alt="">
<div class="custom-post-text">
<h4 class="recent-subtitle" >Gallery Format</h4> <h4 class="recent-subtitle" >Gallery Format</h4>
<a class="date-a" href="#"> 17.05.2016</a> <a class="date-a" href="#"> 17.05.2016</a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Quotes --> <!-- Quotes -->
<div class="recent-posts mt-3 pt-5"> <div class="recent-posts mt-3 pt-5 ">
<h5 class="recent-title">Quotes on Science</h5> <h5 class="recent-title">Quotes on Science</h5>
<blockquote> <blockquote class="d-lg-flex flex-lg-row">
<div class="quotes-text">An investment in knowledge pays the best interest. </div> <div class="quotes-text">An investment in knowledge pays the best interest. </div>
</blockquote> </blockquote>
</div> </div>

30
services.html
View File

@@ -78,13 +78,13 @@
</div> </div>
<div class="horizontal-menu d-none d-md-none d-lg-flex "> <div class="horizontal-menu d-none d-md-none d-lg-flex ">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;">About us</a> </li>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt=""> <img src="/assets/images/logo.webp" class="logo-img mt-3 mt-lg-0 mt-md-0" alt="">
@@ -105,13 +105,13 @@
<div class="collapse" id="navbarToggleExternalContent"> <div class="collapse" id="navbarToggleExternalContent">
<div id="myDropdown" class="dropdown-content"> <div id="myDropdown" class="dropdown-content">
<ul class="nav-ul mb-0"> <ul class="nav-ul mb-0">
<li class="navs">Home</li> <li class="navs"><a href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a href="about.html" style="text-decoration: none;"></a> About us</li>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<li class="navs">cases</li> <li class="navs"><a href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs"><a href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
<div class="links d-inline-block w-100"> <div class="links d-inline-block w-100">
<ul class="socials-ul d-flex align-items-center justify-content-left mb-0"> <ul class="socials-ul d-flex align-items-center justify-content-left mb-0">
@@ -149,13 +149,13 @@
<div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center"> <div class="horizontal-menu d-none d-lg-none d-md-flex d-md-row justify-content-md-start align-items-md-center">
<ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);"> <ul class="nav-ul-hor d-md-flex d-md-row s mb-0" style="box-shadow: 2px 8px 24px rgba(0,0,0,.1);">
<li class="navs">Home</li> <li class="navs"><a class="hor-navs-a" href="index.html" style="text-decoration: none;"> Home</a></li>
<li class="navs">Pages</li> <li class="navs">Pages</li>
<li class="navs">About US</li> <li class="navs"><a class="hor-navs-a" href="about.html" style="text-decoration: none;">About us</a> </li>
<li id="li-home" class="navs">Services</li> <li id="li-home" class="navs">Services</li>
<li class="navs">cases</li> <li class="navs"><a class="hor-navs-a" href="cases.html" style="text-decoration: none;"> Cases</a></li>
<li class="navs">news</li> <li class="navs"><a class="hor-navs-a" href="news.html" style="text-decoration: none;"> News</a></li>
<li class="navs">Contacts</li> <li class="navs" ><a class="hor-navs-a" href="contacts.html" style="text-decoration: none;"> Contacts</a></li>
</ul> </ul>
</div> </div>
<div class="breadcrumb"> <div class="breadcrumb">

2
style/_menu.scss
View File

@@ -67,7 +67,7 @@ span {
#li-home { #li-home {
background-color: $lightblue; background-color: $lightblue;
color: white; color: white !important;
} }
.dropdown-content .navs:hover { .dropdown-content .navs:hover {

15
style/_nav.scss
View File

@@ -150,6 +150,13 @@ input::placeholder {
.navs{ .navs{
padding: 1rem; padding: 1rem;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
} }
.navs:hover { .navs:hover {
@@ -177,6 +184,14 @@ input::placeholder {
.navs{ .navs{
padding: 45px 22px !important; padding: 45px 22px !important;
color: #333333 !important;
.hor-navs-a{
color: #333333;
}
.hor-navs-a:hover{
color:white;
}
} }
header{ header{

6
style/about_us/_header-au.scss
View File

@@ -33,7 +33,7 @@
color: #15c1c6; color: #15c1c6;
} }
.img { .img-au {
min-height: 22vh; min-height: 22vh;
background-image: url('/assets/images/image32.jpg'); background-image: url('/assets/images/image32.jpg');
background-size: cover; background-size: cover;
@@ -46,7 +46,7 @@
padding-top: 15px; padding-top: 15px;
} }
.img{ .img-au{
min-height: 40vh; min-height: 40vh;
} }
} }
@@ -58,7 +58,7 @@
padding-bottom: 5px; padding-bottom: 5px;
} }
.img{ .img-au{
min-height: 80vh; min-height: 80vh;
} }
header{ header{

45
style/contacts/_contacts_address.scss Normal file
View File

@@ -0,0 +1,45 @@
.address-contacts{
.address{
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.num-container-contacts{
margin-top: 10px;
text-align: center;
#phone-img{
color: #15c1cb;
}
.number-contacts{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
}
}
.google-map{
iframe{
height: 412px;
}
}
@media only screen and (min-width:768px) {
.google-map{
iframe{
height: 612px;
}
}
}

8
style/news/_categories-news.scss
View File

@@ -196,3 +196,11 @@
} }
} }
@media only screen and (min-width:992px) {
.categories-news{
.categories-title {
font-size: 25px;
}
}
}

63
style/news/_custom-post.scss
View File

@@ -1,8 +1,9 @@
.recent-posts{ .recent-posts {
border-top: 1px solid #e0e0e8; border-top: 1px solid #e0e0e8;
margin-right: 15px; margin-right: 15px;
margin-left: 15px; margin-left: 15px;
.date-a{
.date-a {
text-decoration: none; text-decoration: none;
color: #15c1c6; color: #15c1c6;
margin-right: 15px; margin-right: 15px;
@@ -10,12 +11,14 @@
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
} }
.date-a:hover{
.date-a:hover {
color: #31353d; color: #31353d;
transition:0.3s; transition: 0.3s;
text-decoration: none; text-decoration: none;
} }
.recent-title{
.recent-title {
font-size: 18px; font-size: 18px;
line-height: 1.2; line-height: 1.2;
font-family: Merriweather, serif; font-family: Merriweather, serif;
@@ -23,7 +26,8 @@
font-weight: 700; font-weight: 700;
margin-bottom: 18px; margin-bottom: 18px;
} }
.recent-subtitle{
.recent-subtitle {
font-size: 1rem; font-size: 1rem;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
@@ -31,9 +35,15 @@
padding-top: 20px; padding-top: 20px;
line-height: 1.38462; line-height: 1.38462;
letter-spacing: 0px; letter-spacing: 0px;
cursor: pointer;
} }
blockquote::before{ .recent-subtitle:hover {
color: #15c1c6;
transition: 0.3s;
}
blockquote::before {
content: '\201c'; content: '\201c';
font-family: 'Times New Roman', serif; font-family: 'Times New Roman', serif;
font-size: 6em; font-size: 6em;
@@ -45,10 +55,11 @@
color: #15c1c6; color: #15c1c6;
} }
blockquote{ blockquote {
padding: 0 39px 0 44px; padding: 0 39px 0 44px;
} }
.quotes-text{
.quotes-text {
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-size: 25px; font-size: 25px;
@@ -62,9 +73,41 @@
} }
@media only screen and (min-width:768px) { @media only screen and (min-width:768px) {
.recent-posts{ .recent-posts {
margin-right: 60px; margin-right: 60px;
margin-left: 60px; margin-left: 60px;
} }
} }
@media only screen and (min-width:992px) {
.recent-posts {
.custom-post{
margin-bottom: 45px;
.custom-post-text{
margin-left: 20px;
.recent-subtitle{
padding-top: 0px !important;
}
}
}
.recent-title {
font-size: 25px;
}
.quotes-text {
text-align: start;
padding-top: 29px;
}
blockquote {
padding: 0 70px 0 0;
}
blockquote::before {
font-size: 4rem;
}
}
}

5
style/news/_news-first.scss
View File

@@ -161,7 +161,7 @@
@media only screen and (min-width:768px) { @media only screen and (min-width:768px) {
.news-first-part { .news-first-part {
margin: 0 60px !important; margin: 0 60px;
.news-card { .news-card {
.news-img-container { .news-img-container {
@@ -197,7 +197,8 @@
@media only screen and (min-width:992px) { @media only screen and (min-width:992px) {
.news-first-part { .news-first-part {
margin-top: 34px !important; // margin-top: 34px !important;
margin: 34px 0px 0px 60px;
.news-card { .news-card {
margin-bottom: 25px !important; margin-bottom: 25px !important;

7
style/news/_page-nav.scss
View File

@@ -57,3 +57,10 @@
} }
@media only screen and (min-width:992px){
.side-bar{
flex: 0 0 28% !important;
max-width: 28% !important;
}
}

15
style/news/_search-news.scss
View File

@@ -49,6 +49,21 @@
width: 90% !important; width: 90% !important;
} }
} }
.side-bar{
margin-bottom: 20px;
}
}
@media only screen and (min-width:992px) {
.search-news{
margin-bottom: 38px;
.search-news-input{
width: 70% !important;
}
}
.side-bar{
margin-bottom: 1350px;
}
} }

116
style/style.css
View File

@@ -149,6 +149,13 @@ input::placeholder {
} }
.nav-ul-hor .navs { .nav-ul-hor .navs {
padding: 1rem; padding: 1rem;
color: #333333 !important;
}
.nav-ul-hor .navs .hor-navs-a {
color: #333333;
}
.nav-ul-hor .navs .hor-navs-a:hover {
color: white;
} }
.nav-ul-hor .navs:hover { .nav-ul-hor .navs:hover {
background-color: #15c1c6; background-color: #15c1c6;
@@ -169,6 +176,13 @@ input::placeholder {
} }
.navs { .navs {
padding: 45px 22px !important; padding: 45px 22px !important;
color: #333333 !important;
}
.navs .hor-navs-a {
color: #333333;
}
.navs .hor-navs-a:hover {
color: white;
} }
header { header {
padding: 0 96px !important; padding: 0 96px !important;
@@ -256,7 +270,7 @@ span {
#li-home { #li-home {
background-color: #15c1c6; background-color: #15c1c6;
color: white; color: white !important;
} }
.dropdown-content .navs:hover { .dropdown-content .navs:hover {
@@ -1079,7 +1093,7 @@ footer .footer-copyright a:hover {
color: #15c1c6; color: #15c1c6;
} }
.img { .img-au {
min-height: 22vh; min-height: 22vh;
background-image: url("/assets/images/image32.jpg"); background-image: url("/assets/images/image32.jpg");
background-size: cover; background-size: cover;
@@ -1091,7 +1105,7 @@ footer .footer-copyright a:hover {
margin-left: 45px; margin-left: 45px;
padding-top: 15px; padding-top: 15px;
} }
.img { .img-au {
min-height: 40vh; min-height: 40vh;
} }
} }
@@ -1101,7 +1115,7 @@ footer .footer-copyright a:hover {
padding-top: 35px; padding-top: 35px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.img { .img-au {
min-height: 80vh; min-height: 80vh;
} }
header { header {
@@ -1850,7 +1864,7 @@ footer .footer-copyright a:hover {
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.news-first-part { .news-first-part {
margin: 0 60px !important; margin: 0 60px;
} }
.news-first-part .news-card .news-img-container .link-on-image { .news-first-part .news-card .news-img-container .link-on-image {
position: absolute; position: absolute;
@@ -1875,7 +1889,7 @@ footer .footer-copyright a:hover {
} }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.news-first-part { .news-first-part {
margin-top: 34px !important; margin: 34px 0px 0px 60px;
} }
.news-first-part .news-card { .news-first-part .news-card {
margin-bottom: 25px !important; margin-bottom: 25px !important;
@@ -1963,6 +1977,12 @@ footer .footer-copyright a:hover {
margin-left: 100px !important; margin-left: 100px !important;
} }
} }
@media only screen and (min-width: 992px) {
.side-bar {
flex: 0 0 28% !important;
max-width: 28% !important;
}
}
.search-news { .search-news {
padding-top: 48px; padding-top: 48px;
margin-top: 24px; margin-top: 24px;
@@ -2012,6 +2032,20 @@ footer .footer-copyright a:hover {
.search-news .search-news-input { .search-news .search-news-input {
width: 90% !important; width: 90% !important;
} }
.side-bar {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
.search-news {
margin-bottom: 38px;
}
.search-news .search-news-input {
width: 70% !important;
}
.side-bar {
margin-bottom: 1350px;
}
} }
.recent-posts { .recent-posts {
border-top: 1px solid #e0e0e8; border-top: 1px solid #e0e0e8;
@@ -2047,6 +2081,11 @@ footer .footer-copyright a:hover {
padding-top: 20px; padding-top: 20px;
line-height: 1.38462; line-height: 1.38462;
letter-spacing: 0px; letter-spacing: 0px;
cursor: pointer;
}
.recent-posts .recent-subtitle:hover {
color: #15c1c6;
transition: 0.3s;
} }
.recent-posts blockquote::before { .recent-posts blockquote::before {
content: "“"; content: "“";
@@ -2079,6 +2118,30 @@ footer .footer-copyright a:hover {
margin-left: 60px; margin-left: 60px;
} }
} }
@media only screen and (min-width: 992px) {
.recent-posts .custom-post {
margin-bottom: 45px;
}
.recent-posts .custom-post .custom-post-text {
margin-left: 20px;
}
.recent-posts .custom-post .custom-post-text .recent-subtitle {
padding-top: 0px !important;
}
.recent-posts .recent-title {
font-size: 25px;
}
.recent-posts .quotes-text {
text-align: start;
padding-top: 29px;
}
.recent-posts blockquote {
padding: 0 70px 0 0;
}
.recent-posts blockquote::before {
font-size: 4rem;
}
}
.categories-news { .categories-news {
border-top: 1px solid #e0e0e8; border-top: 1px solid #e0e0e8;
margin: auto 15px; margin: auto 15px;
@@ -2249,4 +2312,45 @@ footer .footer-copyright a:hover {
margin-right: 60px; margin-right: 60px;
margin-left: 60px; margin-left: 60px;
} }
}
@media only screen and (min-width: 992px) {
.categories-news .categories-title {
font-size: 25px;
}
}
.address-contacts .address {
text-align: center;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.address-contacts .num-container-contacts {
margin-top: 10px;
text-align: center;
}
.address-contacts .num-container-contacts #phone-img {
color: #15c1cb;
}
.address-contacts .num-container-contacts .number-contacts {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans, sans-serif;
letter-spacing: 0px;
color: #777777;
}
.google-map iframe {
height: 412px;
}
@media only screen and (min-width: 768px) {
.google-map iframe {
height: 612px;
}
}/*# sourceMappingURL=style.css.map */ }/*# sourceMappingURL=style.css.map */

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long

3
style/style.scss
View File

@@ -42,6 +42,9 @@
@import 'news/_custom-post'; @import 'news/_custom-post';
@import 'news/_categories-news'; @import 'news/_categories-news';
// CONTACTS
@import 'contacts/_contacts_address';