File: /var/www/linde-ai/wp-content/themes/linde/static-templates/articles-static.php
<?php
/*
* Template Name: Articles static
*
*/
get_header("static");
?>
<main>
<h1 class="articles__title text-align-center">Articles</h1>
<div class="articles">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="<?= THEMEROOT ?>/frontend/img/300x200.png" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">Universities</h2>
<p class="articles__text">Now more than ever, we are observing a wide knowledge gap between the chemical industry and the education...</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="https://via.placeholder.com/300x300" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">Customized training</h2>
<p class="articles__text">Sed nisi orci dignissim pretium, sagittis suspendisse. Venenatis faucibus gravida amet gravida. Imperdiet turpis augue...</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="<?= THEMEROOT ?>/frontend/img/300x200.png" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">Pioneering Safety Training at Afrox</h2>
<p class="articles__text">Afrox wanted to achieve the highest standards of safety and efficiency for their operator training program. What used to...</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="<?= THEMEROOT ?>/frontend/img/300x200.png" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">A life-like virtual world for ORLEN Unipetrol</h2>
<p class="articles__text">Elementum congue in diam sit. Sodales vulputate lectus sapien, orci senectus fringilla. Id egestas dignissim faucibus...</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="<?= THEMEROOT ?>/frontend/img/300x200.png" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">Mattis gravida cursus adipiscing bibendum consequat risus</h2>
<p class="articles__text">Virtual Reality Training is still a novel concept in the Industrial Plant Industry. VR technology has already become a fundamental training component for the aviation and construction sectors, but, its full potential is yet to exploited in our industry. Nowadays, the more gas companies implement virtual reality in their…</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="articles__cards">
<div class="row no-gutters">
<div class="col-lg-6">
<a href="#">
<img class="articles__image" src="<?= THEMEROOT ?>/frontend/img/300x200.png" alt="">
</a>
</div>
<div class="col-lg-6">
<div class="articles__info">
<h2 class="articles__headline">A life-like virtual world for ORLEN Unipetrol</h2>
<p class="articles__text">Risus aenean turpis sapien, libero gravida sit vestibulum id elit. Fusce bibendum nunc pellentesque ornare lacus. Morbi...</p>
<div class="articles__info-details">
<h6 class="articles__date">March 22th 2020</h6>
<a href="#" class="articles__link text-uppercase">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="articles__pagination">
<div class="articles-arrows__left">
<svg class="icon-arrow-left">
<use xlink:href="<?= THEMEROOT ?>/frontend/icons/icons.svg#icon-arrow-left"></use>
</svg>
</div>
<a href="#" class="articles__page">
1
</a>
<div href="#" class="articles__page articles__page--active">
2
</div>
<a href="#" class="articles__page">
3
</a>
<div class="articles-arrows__right">
<svg class="icon-arrow-right">
<use xlink:href="<?= THEMEROOT ?>/frontend/icons/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</main>
<?php
get_footer("static");
?>