File: /var/www/linde-elearning/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>e Learning</title>
<link rel="shortcut icon" href="/assets/icons/favicon.ico" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="styles/styles.css">
</head>
<body>
<header class="header">
<div class="container">
<a href="/">
<img src="assets/images/logo-linde.png" class="header__logo"/>
</a>
</div>
</header>
<main>
<div class="home">
<section class="home__cover">
<div class="container">
<div class="home__cover-wrap">
<h1>Linde E-learning</h1>
<p class="home__text">Whether you want to qualify for a new job or enrich your skills, Linde E-learning offers the courses you need to achieve your career and personal goals!</p>
</div>
</div>
</section>
<section class="home__courses">
<div class="container">
<h2 class="home__courses-title">Courses</h2>
<div class="row">
<div class="col-md-4 card-margin">
<a href="course-plant-safety" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Plant Safety</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-plant-safety.jpg" alt="Plant Safety" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 card-margin">
<a href="course-heat-exchanger-design" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Shell and Tube Heat Exchanger Design</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-heat-exchanger-design.jpg" alt="Shell and Tube Heat Exchanger Design" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 card-margin">
<a href="course-economics-of-industrial-plants" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Economics of Industrial Plants</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-economics-of-industrial-plants.jpg" alt="Economics of Industrial Plants" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-md-4 card-margin">
<a href="course-process-safety-engineering" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Process Safety Engineering</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-process-safety-engineering.jpg" alt="Process Safety Engineering" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 card-margin">
<a href="course-production-engineering" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Production Engineering</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-production-engineering.jpg" alt="Production Engineering" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
<div class="col-md-4 card-margin">
<a href="course-process-engineering" class="course-card__link">
<div class="course-card">
<div class="course-card__header">
<h4 class="course-card__title text-h3">Process Engineering</h4>
</div>
<div class="course-card__image">
<img src="assets/images/courses/course-process-engineering.jpg" alt="Process Engineering" />
<p class="course-card__image-overlay">
PRE-ORDER AVAILABLE NOW!
</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="home__goals text-center linear-background">
<div class="container">
<h2>Linde E-learning helps you achieve your career goals!</h2>
<div class="home__goals-wrap">
<div class="row">
<div class="col-md-4">
<div>
<img src="assets/icons/icon-screen.png" alt="Icon screen" class="home__goals-icon">
<h3 class="home__goals-title">Sign-up for a course with Linde E-learning</h3>
</div>
</div>
<div class="col-md-4">
<div>
<img src="assets/icons/icon-certificate.png" alt="Icon certificate" class="home__goals-icon">
<h3 class="home__goals-title">Gain practical skills from world-class engineers</h3>
</div>
</div>
<div class="col-md-4">
<div>
<img src="assets/icons/icon-engineer.png" alt="Icon engineer" class="home__goals-icon">
<h3 class="home__goals-title">Stand out of the crowd when applying for a new job</h3>
</div>
</div>
</div>
<img src="assets/images/arrow-top.png" alt="Arrow top" class="home__goals-arrow-top">
<img src="assets/images/arrow-bottom.png" alt="Arrow bottom" class="home__goals-arrow-bottom">
</div>
</div>
</section>
<section class="home__certificate">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="home__certificate-about">
<h2 class="home__certificate-title">Certificate</h2>
<p class="home__certificate-text">Obtain a certificate of completion from Linde, a world-class engineering company</p>
</div>
</div>
<div class="col-md-6">
<div class="home__certificate-image">
<img src="assets/images/certificates/certificate-home.png" alt="Certificate">
</div>
</div>
</div>
</div>
</section>
</div>
</main>
<div class="cookie" style="display: none">
<div class="container">
<div class="row">
<div class="col-12 col-xl-9">
<h2>Cookie Preferences</h2>
<p>By clicking “Accept All Cookies”, you agree to the storing of cookies and similar technologies on your device to enhance site navigation, analyze site usage, offer certain functionalities and assist in our marketing efforts. Strictly necessary cookies are always active. You can read more about our policy in the <br /><a href="/privacy-policy">Privacy Policy.</a>
</p>
</div>
<div class="col-12 col-xl-3 btn-col">
<div class="inline-buttons">
<button class="btn-cookie btn-cookie--gradient-small acceptAllCookies">Accept All Cookies</button>
<button class="btn-cookie btn-cookie--hollow small acceptNecessaryCookies">Reject</button>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer__wrap">
<ul class="footer__links">
<li class="footer__link"><a href="/">HOME</a></li>
<li class="footer__link"><a href="/legal-notice">LEGAL NOTICE</a></li>
<li class="footer__link"><a href="/terms-conditions" >TERMS & CONDITIONS</a></li>
<li class="footer__link"><a href="/privacy-policy" >PRIVACY POLICY</a></li>
<li class="footer__link"><a href="/cookie-policy">COOKIE POLICY</a></li>
</ul>
<p class="footer__copyright">© Copyright E-Learning 2021</p>
</div>
</div>
</footer>
<script src="js/app.js"></script>
</body>
</html>