Skip to content

Commit

Permalink
Update news cards in index.ejs+
Browse files Browse the repository at this point in the history
  • Loading branch information
TNKompanska19 committed Jun 27, 2021
1 parent fb77ec9 commit 71bea9d
Show file tree
Hide file tree
Showing 3 changed files with 216 additions and 209 deletions.
183 changes: 0 additions & 183 deletions views/index.ejs

This file was deleted.

180 changes: 180 additions & 0 deletions views/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Home page</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

<link rel="icon" type="image/x-icon" href="https://i.imgur.com/FJvzFPT.png">

<link rel="stylesheet" type="text/css" href="styles/reset.css">
<link rel="stylesheet" type="text/css" href="styles/navbar.css">
<link rel="stylesheet" type="text/css" href="styles/swiper.css">
<link rel="stylesheet" type="text/css" href="styles/cards.css">
<link rel="stylesheet" type="text/css" href="styles/news.css">
<link rel="stylesheet" type="text/css " href="styles/footer.css">

<link rel="stylesheet" href="styles/style-index.css">
<script src="https://kit.fontawesome.com/c06188cd00.js" crossorigin="anonymous"></script>


<script src="https://unpkg.com/swiper/swiper-bundle.js" defer></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js" defer></script>
<script src="js/swiper.js" defer></script>


<script src="js/toggleNav.js" defer></script>

</head>

<body>
<%- include ("partials/header.ejs", {logged: logged}) %>
<!-- Swiper -->
<div class="swiper-container mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide slide-1"></div>
<div class="swiper-slide slide-2">Slide 2</div>
<div class="swiper-slide slide-3">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
<div class="swiper-slide">Slide 6</div>
<div class="swiper-slide">Slide 7</div>
<div class="swiper-slide">Slide 8</div>
<div class="swiper-slide">Slide 9</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>

<!--
<div class="news">
<div class="news-card">
<div class="card">
<div class="img-box">
<img src="https://i.imgur.com/dakEolm.jpg">
</div>
<div class="content">
<h2>Lorem ipsum dolor sit amet</h2>
<hr>
<p><a href="javascript:void(0);">Научете повече >></a></p>
</div>
</div>
</div>
<div class="news-card">
<div class="card">
<div class="img-box">
<img src="https://i.imgur.com/dakEolm.jpg">
</div>
<div class="content">
<h2>Lorem ipsum dolor sit amet</h2>
<hr>
<p><a href="javascript:void(0);">Научете повече >></a></p>
</div>
</div>
</div>
<div class="news-card">
<div class="card">
<div class="img-box">
<img src="https://i.imgur.com/TSz3j7o.jpg">
</div>
<div class="content">
<h2>Lorem ipsum dolor sit amet</h2>
<hr>
<p><a href="javascript:void(0);">Научете повече >></a></p>
</div>
</div>
</div>
<div class="news-card">
<div class="card">
<div class="img-box">
<img src="https://i.imgur.com/rY2VTCN.jpg">
</div>
<div class="content">
<h2>Lorem ipsum dolor sit amet</h2>
<hr>
<p><a href="javascript:void(0);">Научете повече >></a></p>
</div>
</div>
</div>
</div>-->
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="single-blog">
<p class="blog-meta">By Admin<span>September 24, 2021</span></p>
<img src="https://www.cruisemapper.com/images/ports/353-large-92c8ab363bbd494ad290f039eff976a8.jpg ">
<h2><a href="#">Watch life show on the Burgas Port</a></h2>
<p class="blog-text">The International Maritime Forum "Blue Future - Our Responsibility" started in Burgas, which is held at the Congress Center in the Port of Burgas.</p>
<p><a href="https://www.maritime.bg/76080-2/" class="read-more-btn">Read more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="single-blog">
<p class="blog-meta">By Admin<span>September 24, 2021</span></p>
<img src="https://www.maritime.bg/wp-content/uploads/2018/03/morska_gara_varna-1.jpg">
<h2><a href="#">The pandemic temporarily halted the construction of the Maritime Palace in Varna</a></h2>
<p class="blog-text">The company observes an increase in the prices of mechanization, as well as those of the interactive technological equipment, which requires suspension of the procedure and its complete updating.</p>
<p><a href="#" class="read-more-btn">Read more</a></p>
</div>
</div>
<div class="col-md-4">
<div class="single-blog">
<p class="blog-meta">By Admin<span>September 24, 2021</span></p>
<img src="https://www.maritime.bg/wp-content/uploads/2021/06/Amrumbank.jpg">
<h2><a href="#">They tried to sink a 106-year-old museum ship in Germany</a></h2>
<p class="blog-text">Police in Germany are investigating unknown individuals who are trying to sink the 106-year-old AMRUMBANK museum-ship, located in the port of Emden. During the weekend, an unknown number of people boarded the former lighthouse,
causing damage of at least 100,000 euros, according to the non-governmental organization that manages the museum</p>
<p><a href="#" class="read-more-btn">Read more</a></p>
</div>
</div>
</div>

</div>

<div class="footer-basic">
<footer>
<div class="social"><a href="javascript:void(0)"><i class="icon ion-social-instagram"></i></a><a href="javascript:void(0)"><i class="icon ion-social-snapchat"></i></a><a href="javascript:void(0)"><i class="icon ion-social-twitter"></i></a>
<a href="javascript:void(0)"><i class="icon ion-social-facebook"></i></a>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.ejs">Home</a></li>
<li class="list-inline-item"><a href="contact.ejs" target="_blank">Contact Us</a></li>
<li class="list-inline-item"><a href="about-us.ejs">About</a></li>
</ul>
<p class="copyright">Litho-prae © 2021</p>
</footer>
</div>
</body>

</html>
Loading

0 comments on commit 71bea9d

Please sign in to comment.