Skip to content

Commit

Permalink
Updated design
Browse files Browse the repository at this point in the history
  • Loading branch information
tomvanenckevort-hp committed Sep 11, 2024
1 parent ac35879 commit fbe02e0
Show file tree
Hide file tree
Showing 6 changed files with 234 additions and 126 deletions.
Binary file added dist/imgs/ECEN_Favicon_Light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dist/imgs/ECEN_Light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed dist/imgs/Edinburgh-CarltonHill-1.jpg
Binary file not shown.
Binary file added dist/imgs/Edinburgh_Panorama.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
146 changes: 82 additions & 64 deletions dist/index.html
Original file line number Diff line number Diff line change
@@ -1,83 +1,101 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edinburgh Circular Economy Network</title>
<link rel="icon" type="image/png" href="imgs/ECEN_Favicon_Light.png" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet">
<style>
.hero {
min-height: 100vh;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.hero-text {
padding: 20px;
}
.hero-image img {
width: 100%;
height: auto;
object-fit: cover;
:root {
--bs-dark: #212529;
--bs-dark-rgb: 33, 37, 41;
--bs-blue: #005A9A;
--bs-primary-rgb: 0, 90, 154;
--bs-link-color-rgb: 0, 90, 154;
--bs-secondary-rgb: 123, 200, 255;
--bs-font-sans-serif: "Inter", sans-serif;
}
</style>
</head>
<body class="d-flex h-100 text-white bg-dark">

<div class="container-fluid">
<!-- Hero Section -->
<section class="hero text-center align-items-center">
<div class="row w-100 gx-0"> <!-- gx-0 removes gutters between columns -->
<div class="col-lg-6 col-md-12 d-flex hero-text">
<div>
<h1 class="display-4">Edinburgh Circular Economy Network</h1>
<p class="lead">A cross sector network with the aim to facilitate connection, collaboration and knowledge sharing to support the development,
growth and measurement of circular initiatives in and around Edinburgh.</p>
<p>The network includes individuals from private, nonprofit and public sectors. Founding members range from local Universities, local businesses, the finance sector,
early stage start-ups, technology businesses and consultants to leaders of local charities and interested members of the Edinburgh Chamber of Commerce and Zero Waste Scotland.</p>
<p class="lead">Join us to stay informed of local circular economy news and upcoming opportunities to connect and participate.</p>
<div class="align-items-center">
<iframe src="https://gsforms.net/f/GSN-460951-G/ab7e1e69-c0c2-4afa-85c3-be0020b3f5fa" frameborder="0" width="400" height="200"></iframe>
<body class="d-flex h-100 text-white bg-dark">
<div class="container-fluid g-0">
<!-- Hero Section -->
<section class="hero">
<div class="row w-100 gx-0"> <!-- gx-0 removes gutters between columns -->
<div class="col-lg-6 col-md-12">
<img class="object-fit-cover w-100 h-100" src="imgs/Edinburgh_Panorama.jpg"
alt="View of Edinburgh skyline from Carlton Hill.">
</div>
<div class="col-lg-6 col-md-12 min-vh-100 text-center p-4 d-flex justify-content-center align-items-center">
<div class="px-4">
<img width="285" height="160" src="imgs/ECEN_Light.png" alt="ECEN logo">
<h1 class="display-3 mb-4">Edinburgh Circular<br />Economy Network</h1>
<p>A cross sector network with the aim to facilitate connection, collaboration and knowledge
sharing to support the development,
growth and measurement of circular initiatives in and around Edinburgh.</p>
<p>The network includes individuals from private, nonprofit and public sectors. Founding members range from
local Universities, local businesses, the finance sector,
early stage start-ups, technology businesses and consultants to leaders of local charities and interested
members of the Edinburgh Chamber of Commerce and Zero Waste Scotland.</p>
<p class="fs-5 text-secondary mt-4">Join us to stay informed of local circular economy news and upcoming
opportunities to
connect and participate.</p>
<div class="align-items-center">
<iframe src="https://gsforms.net/f/GSN-460951-G/ab7e1e69-c0c2-4afa-85c3-be0020b3f5fa" frameborder="0"
width="400" height="200" class="mw-100"></iframe>
<script src="https://gsforms.net/forms.js" async></script>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 hero-image">
<img src="imgs/Edinburgh-CarltonHill-1.jpg" alt="Hero Image">
</div>
</div>
</section>
<section class="">
<div class="row w-100 gx-0">
<div class="col-lg-10 col-md-12">
<h2>Circular Economy?</h2>
<p>
A circular economy in Edinburgh, and the whole of Scotland, is a huge opportunity.
Circular Economies revolutionise the way we view and use resources, designing waste out, reducing energy consumption and the carbon footprint of all aspects of our society.
It also brings cross sector collaboration, innovation, business and job creation opportunities. </p>
<h2>An Edinburgh Network?</h2>
<p>A truly circular economy requires collaboration within sectors, verticals and across all sectors.</p>
<p>
Edinburgh has a number of thriving & growing Circular (& Sharing) Economy areas, this includes the start-up and business community, the Universities & policy areas and social enterprises and the 3rd sector.
With widening understanding of the climate crisis and a growing awareness of circularity plus the recent introduction of the Scotland Circular Economy bill,
this is the ideal time for a city wide network to connect us all.
<br />
Our hope is that the Network will link related Edinburgh communities, circular initiatives and bodies to enable and support more successful circular impact.
By combining Edinburgh's unique position and strengths we can further help position Scotland as a world circular economy leader.
</p>
<h2>Join in!</h2>
<p>If you are based or working in and around Edinburgh and interested in circularity then join the mailing list.
This is the best way informed of local circular economy news and upcoming opportunities to connect and participate. </p>
</div>
</div>
</section>
</section>

<section class="bg-primary text-white p-4">
<div class="row w-100 min-vh-100 d-flex justify-content-center align-items-center">
<div class="col-xl-8 col-lg-10 col-md-12 px-4">
<h2 class="display-6">Circular Economy?</h2>
<p>
A circular economy in Edinburgh, and the whole of Scotland, is a huge opportunity.
Circular Economies revolutionise the way we view and use resources, designing waste out, reducing energy
consumption and the carbon footprint of all aspects of our society.
It also brings cross sector collaboration, innovation, business and job creation opportunities. </p>
<h2 class="display-6 mt-4">An Edinburgh Network?</h2>
<p>A truly circular economy requires collaboration within sectors, verticals and across all sectors.</p>
<p>
Edinburgh has a number of thriving & growing Circular (& Sharing) Economy areas, this includes the start-up
and business community, the Universities & policy areas and social enterprises and the 3rd sector.
With widening understanding of the climate crisis and a growing awareness of circularity plus the recent
introduction of the Scotland Circular Economy bill,
this is the ideal time for a city wide network to connect us all.
<br />
Our hope is that the Network will link related Edinburgh communities, circular initiatives and bodies to
enable and support more successful circular impact.
By combining Edinburgh's unique position and strengths we can further help position Scotland as a world
circular economy leader.
</p>
<h2 class="display-6 mt-4">Join in!</h2>
<p>If you are based or working in and around Edinburgh and interested in circularity then join the mailing
list.
This is the best way informed of local circular economy news and upcoming opportunities to connect and
participate. </p>
</div>
</div>
</section>

<footer class="mt-5 align-items-center text-center">
<p class="text-white-50 text-muted fs-6">&copy;2024 | <a href="index.html" class="link-secondary">Home</a> | <a href="privacy.html" class="link-secondary">Privacy Policy & Cookies</a> </p>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<footer class="bg-primary text-white px-2 pt-5 pb-4 align-items-center text-center">
<p class="text-white fs-6">&copy;2024 | <a href="index.html" class="link-light">Home</a> | <a href="privacy.html"
class="link-light">Privacy Policy & Cookies</a> </p>
</footer>
</div>
<!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>-->
</body>
</html>

</html>
Loading

0 comments on commit fbe02e0

Please sign in to comment.