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

commit jun 6

Browse Source
This commit is contained in:
nkolosnjaj
2024-06-06 16:49:25 +02:00
parent cadbb9b457
commit 11271513ea
29 changed files with 1317 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

385
news.html Normal file
View File

@@ -0,0 +1,385 @@
<!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">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li id="li-home" class="navs">news</li>
<li 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">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li id="li-home" class="navs">news</li>
<li 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">Home</li>
<li class="navs">Pages</li>
<li class="navs">About US</li>
<li class="navs">Services</li>
<li class="navs">cases</li>
<li id="li-home" class="navs">news</li>
<li 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">News</div>
</div>
<section>
<!-- First part -->
<div class="news-first-part mx-3">
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image42-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<div class="post-tags">
<a class="post-tags-a" href="">Advice</a>
<a class="post-tags-a" href="">Finances</a>
</div>
<h4 class="news-card-text">
Is it viable now for IT companies to file an IPO?</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">16.06.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image41-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Conflict managment</a>
<a class="news-img-text" href="#">Exit planning</a>
<a class="news-img-text" href="#">Human resource planning</a>
<a class="news-img-text" href="#">Market research</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
How long before the exit you must be planning it?</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">16.07.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image43-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
<a class="news-img-text" href="#">Market research</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Bringing a new CFO at the time of crisis?</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image5-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Image Format</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image6-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
IT: using visual "hotzones" for market research among customers</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image2-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
<a class="news-img-text" href="#">Governance</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<div class="post-tags">
<a class="post-tags-a" href="">Insight</a>
<a class="post-tags-a" href="">Investments</a>
</div>
<h4 class="news-card-text">
Gallery Format</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
<div class="news-card">
<div class="news-img-container">
<img class="news-img" src="assets/images/image7-640x506.jpg" alt="">
<div class="img-text-container">
<a class="news-img-text" href="#">Business plan consulting</a>
</div>
<div class="link-on-image">
<a class="link-a" href="#">https://www.templatemonster.com</a>
</div>
</div>
<div class="news-card-description">
<div class="news-card-description-header">
<h4 class="news-card-text">
Link Format</h4>
</div>
<div class="news-card-date">
<a class="date-a" href="">17.05.2016</a>
<a class="by-admin" href="">by admin</a>
</div>
</div>
</div>
</div>
<!-- page navigation -->
<div class="page-navigation mx-3">
<div class="page-nav-links">
<span class="page-num-cur">1</span>
<a class="page-num-next" href="#">2</a>
<a class="next-icon" href="#">
<i class="fa-solid fa-chevron-right"></i>
</a>
</div>
</div>
<!-- search -->
<div class="search-news mx-3">
<div class="search-news-form d-flex">
<input class="search-news-input" type="text" placeholder="Search...">
<div class="search-news-icon"><i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</div>
<!-- Recent posts -->
<div class="recent-posts mt-3 mx-3 pt-5">
<h5 class="recent-title">Recent Posts</h5>
<div class="custom-post-container d-flex ">
<div class="custom-post ">
<img src="assets/images/image41-130x136.jpg" alt="">
<h4 class="recent-subtitle" >How long before the exit you must be planning it?</h4>
<a class="date-a" href="#"> 26.06.2016</a>
</div>
<div class="custom-post" >
<img src="assets/images/fakeimg.png" alt="">
<h4 class="recent-subtitle" >Gallery Format</h4>
<a class="date-a" href="#"> 17.05.2016</a>
</div>
</div>
</div>
<!-- Quotes -->
<div class="recent-posts mt-3 mx-3 pt-5">
<h5 class="recent-title">Quotes on Science</h5>
<blockquote></blockquote>
<div class="quotes-text">An investment in knowledge pays the best interest. </div>
</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>