-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
127 lines (127 loc) · 7.77 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<!-- Head - Contains link to css stylesheet, bootstrap, fonts used (Cocogoose and Lato) and for icons -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./features/css/about.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link href="./features/assets/imgs/logo-small.jpg" rel="icon" type="image/x-icon">
<link href="https://db.onlinewebfonts.com/c/d14035f6b1afeabafbee4abb2ebf0fc6?family=COCOGOOSE" rel="stylesheet" type="text/css"/>
<script src="https://kit.fontawesome.com/0e87feccf7.js" crossorigin="anonymous"></script>
<title>About ICREN 2020</title>
</head>
<!-- Body -->
<body>
<!-- Header -->
<header class="header">
<!-- Nav bar -->
<div class="mobile-menu d-md-none d-flex">
<label for="toggle-open"><i class="fas fa-bars fs-1"></i></label>
<input class="d-none" type="radio" name="toggle" id="toggle-open">
<ul class="menu">
<li><a class="menu-links" href="./index.html">Home</a></li>
<li><a class="menu-links link-about" href="#">About</a></li>
<li><a class="menu-links" href="./tickets.html">Join</a></li>
</ul>
<label class="menu-close" for="toggle-close"><i class="fas fa-times"></i></label>
<input class="d-none" type="radio" name="toggle" id="toggle-close">
</div>
<nav class="nav-bar d-none d-md-flex flex-column shadow position-fixed top-0 w-100">
<div class="nav-bar-top">
<div class="container-md">
<ul class="d-flex justify-content-end align-items-center m-0">
<li class="ps-3"><a class="nav-top-links text-white" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="ps-3"><a class="nav-top-links text-white" href="#"><i class="fab fa-twitter"></i></a></li>
<li class="ps-3"><a class="nav-top-links text-white" href="#">English</a></li>
<li class="ps-3"><a class="nav-top-links text-white" href="#">My Page</a></li>
<li class="ps-3"><a class="nav-top-links text-white" href="#">Logout</a></li>
</ul>
</div>
</div>
<div class="nav-bar-bottom">
<div class="nav-bar-bottom container-md d-flex justify-content-between align-items-center">
<img class="header-logo" src="./features/assets/imgs/logo-small.jpg" alt="Small logo for the ICREN 2020">
<ul class="d-flex justify-content-center m-0">
<li><a class="nav-bottom-links" href="./index.html">Home</a></li>
<li><a class="nav-bottom-links link-about" href="#">About</a></li>
<li><a class="nav-bottom-links" href="#">Program</a></li>
<li><a class="nav-bottom-links" href="#">Dashboard</a></li>
<li><a class="nav-bottom-links" href="#">Submission</a></li>
</ul>
<a class="button-campaing" href="./tickets.html">Join</a>
</div>
</div>
</nav>
<!-- Section with greetings -->
<div class="header-info container-md">
<p class="header-greeting d-md-none">Research for a better future</p>
<h1 class="header-title text-uppercase">International Conference on<br>Renewable Energy 2020</h1>
<p class="header-info-box border border-2">Renewable Energy forms one of the pillars for delivering a global sustainable environment and the commitment to climate change targets. The renewable energy industry has matured, with huge investments
being ploughed into it globally. ICREN 2020 will include articles and presentations on the latest research on renewable energy technologies, grid interactions, energy efficiency, data analytics, economics and finance, environmental and social impact as well as policy and climate change implications.</p>
<p class="contact-info m-0">Please contact us per Email for any further questions about ICREN 2020</p>
<a class="contact-link" href="mailto:icren2020@premc.org">icren2020@premc.org</a>
</div>
</header>
<!-- main -->
<main>
<!-- Section about the logo -->
<section class="logo-contest">
<div class="container-md text-center">
<h2 class="section-title m-2">2020 Logo</h2>
<p class="contest-info m-0">The logo for ICREN 2020 was choosen to represent the need to represent the need for sustainability in how we produce our energy.</p>
<p class="d-none d-md-block contest-info m-0">After consultation from several designs and professionals in the field the lightbulb with a leaf was choosen.</p>
<p class="d-none d-md-block contest-info m-0">The logo can be presented in a variety of colors for better integration with different designs.</p>
<img class="main-logo" src="./features/assets/imgs/logo-large.jpg" alt="Large logo for the ICREN 2020">
</div>
</section>
<!-- Section about past conferences -->
<section class="past-conferences">
<div class="container-md d-flex flex-column align-items-center">
<h2 class="section-title">See Past ICREN Highlights</h2>
<p class="contest-info">The last two ICREN which took place in Paris and Barcelona.</p>
<div class="d-flex flex-column flex-md-row">
<div class="past-img past-img-2019 mb-2 me-2 d-flex justify-content-center align-items-center flex-column">
<h3 class="fw-bold">2019</h3>
<p>ICREN 2019 in Paris</p>
</div>
<div class="past-img past-img-2018 mb-2 me-2 d-flex justify-content-center align-items-center flex-column">
<h3 class="fw-bold">2018</h3>
<p>ICREN 2018 in Barcelona</p>
</div>
</div>
</div>
</section>
</main>
<!-- footer -->
<footer class="">
<!-- Section about partners -->
<section class="d-md-none partners text-white position-relative">
<div class="container-md d-flex flex-column align-items-center">
<h2 class="section-title partners-title">Partners</h2>
<ul class="partners-list d-flex justify-content-center flex-wrap">
<li class="ps-3 pb-3"><img class="partners-logo" src="./features/assets/imgs/imperix-logo.png" alt="Imperix logo"></li>
<li class="ps-3 pb-3"><img class="partners-logo" src="./features/assets/imgs/opal-rt-logo.png" alt="OPAL RT Technologies logo"></li>
<li class="ps-3 pb-3"><img class="partners-logo" src="./features/assets/imgs/mdpi-energies-logo.png" alt="MDPI Energies logo"></li>
<li class="ps-3 pb-3"><img class="partners-logo" src="./features/assets/imgs/american-elements-logo.png" alt="American Elements logo"></li>
</ul>
</div>
</section>
<!-- Disclaimer section -->
<section class="legal">
<div class="container-md d-flex align-items-center">
<img class="footer-logo" src="./features/assets/imgs/logo-large.jpg" alt="Large logo for the ICREN 2020">
<div class="legal-info">
<p class="mb-1">2020 PREMC SAS. All rights Reserved</p>
<p class="mb-0 d-none d-md-block">PREMC SAS<br>3 bis rue Léon Blum, 92260 Fontenay Aux Roses, FRANCE.<br>email: info@premc.org<br>phone: +331.74.50.65.74 / +331.46.60.89.40<br>web: www.premc.org</p>
</div>
</div>
</section>
</footer>
<!-- bootstrap script -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>