Skip to content

V
ved
Commit b9a03888 authored by Michael Apfelthaler's avatar Michael Apfelthaler
Browse files
Options

Convert Preview to One Pager

parent 3fb6f34b
Show whitespace changes
Inline Side-by-side
Showing with 243 additions and 10 deletions
preview/html/css/style.css
View file @ b9a03888
......@@ -38,6 +38,20 @@ body {
color: rgb(31, 31, 31);
}
.sticky {
position: fixed;
top: 0;
width: 100%
}
.sticky+.banner {
margin-top: 120px;
}
.sticky .header-content {
padding: 20px 0;
}
.header-content {
display: flex;
flex-direction: column;
......@@ -49,6 +63,7 @@ body {
max-width: 1800px;
margin: 0 auto;
width: 95%;
transition: padding .4s ease;
}
.header-content #logo,
......@@ -67,7 +82,7 @@ body {
#menu a {
color: black;
text-decoration: none;
font-size: 28px;
font-size: 1.4em;
}
.banner {
......@@ -232,6 +247,8 @@ section h2 {
.container {
margin: 40px auto;
padding-top: 40px;
padding-bottom: 40px;
width: 95%;
max-width: 1800px;
}
......@@ -408,7 +425,7 @@ footer img {
}
#menu a {
font-size: 25px;
font-size: 1.4em;
}
.header-content #logo,
......@@ -490,7 +507,7 @@ footer img {
}
#menu a {
font-size: 30px;
font-size: 1.6em;
}
.header-content,
......@@ -499,7 +516,7 @@ footer img {
width: auto;
}
.banner{
.banner {
min-height: 300px;
}
}
......
preview/html/index.html
View file @ b9a03888
......@@ -10,7 +10,7 @@
</head>
<body>
<header>
<header id="myHeader">
<div class="header-content">
<a id="logo" href="index.html"><img src="images/logo.png" alt="VED"></a>
......@@ -18,10 +18,11 @@
<nav id="menu">
<img id="close" src="images/x-lg.svg" alt="close">
<a href="leistungen.html">Leistungen</a>
<a href="projekte.html">Projekte</a>
<a href="uberuns.html">Über Uns</a>
<a href="kontakt.html">Kontakt</a>
<a href="#ueber-uns">Über Uns</a>
<a href="#leistungen">Leistungen</a>
<a href="#projekte">Projekte</a>
<a href="#team">Team</a>
<a href="#kontakt">Kontakt</a>
</nav>
</div>
</header>
......@@ -89,6 +90,204 @@
</section>
</div>
<div class="container" id="ueber-uns">
<h2>Unsere Mission</h2>
<p>Bei VED - Vienna Economic Development ist es unsere Mission, Wien durch innovative Projekte und
nachhaltige Lösungen
zu
einer führenden Smart City zu entwickeln. Wir streben danach, die Lebensqualität für alle Wienerinnen
und Wiener
kontinuierlich zu verbessern und gleichzeitig die wirtschaftliche Dynamik der Stadt zu stärken.</p>
<br>
<h2>Unsere Werte</h2>
<p>Innovation, Nachhaltigkeit und Partnerschaft sind die Säulen unserer Arbeit. Wir glauben fest daran, dass
durch die
Kombination von fortschrittlicher Technologie und nachhaltigem Wirtschaften eine bessere Zukunft für
alle geschaffen
werden kann.</p>
</div>
<div class="container services" id="leistungen">
<h2 class="text-centered">Beratung und Expertise</h2>
<div class="content-grid">
<img class="content-image" src="images/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg" alt="">
<div class="content-text">
<h3>Strategische Beratung</h3>
<p>Unsere Experten stehen Ihnen zur Seite, um Ihre Geschäftsstrategie zu schärfen und langfristige
Erfolgspläne zu
entwickeln. Wir bieten Ihnen tiefgreifende Analysen und maßgeschneiderte Strategien, die auf Ihre
spezifischen
Bedürfnisse zugeschnitten sind.</p>
</div>
</div>
<div class="content-grid reverse">
<div class="content-text">
<h3>Innovationssupport</h3>
<p>Tauchen Sie ein in die Welt der High-Tech-Innovationen. Wir helfen Ihnen, die neuesten Technologien zu
verstehen und
effektiv in Ihrem Unternehmen einzusetzen, um Ihnen einen Wettbewerbsvorteil zu verschaffen.</p>
</div>
<img class="content-image" src="images/dan-v-S5x5rrsDixk-unsplash.jpg" alt="">
</div>
<div class="content-grid ">
<img class="content-image" src="images/sami-ullah-9_P3_-sT--4-unsplash.jpg" alt="">
<div class="content-text">
<h3>Netzwerkaufbau</h3>
<p>Profitieren Sie von unserem weitreichenden Netzwerk an Industrieexperten, Forschungseinrichtungen und
Geschäftspartnern.
Wir verbinden Sie mit den richtigen Personen, um Ihr Geschäft voranzubringen.</p>
</div>
</div>
</div>
<div class="container services">
<h2 class="text-centered">Nachhaltigkeit und Umwelt</h2>
<div class="content-grid ">
<img class="content-image" src="images/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg" alt="">
<div class="content-text">
<h3>Grüne Technologien</h3>
<p>Entdecken Sie unsere Initiativen zur Förderung von grünen Technologien, die Ihnen helfen, nachhaltig zu
wirtschaften und
gleichzeitig die Umwelt zu schützen.</p>
</div>
</div>
<div class="content-grid reverse">
<div class="content-text">
<h3>Energieeffizienz</h3>
<p>Steigern Sie Ihre Energieeffizienz und reduzieren Sie Ihre Betriebskosten. Unsere Experten unterstützen
Sie bei der
Implementierung energieeffizienter Lösungen in Ihrem Unternehmen.</p>
</div>
<img class="content-image" src="images/dan-v-S5x5rrsDixk-unsplash.jpg" alt="">
</div>
<div class="content-grid">
<img class="content-image" src="images/sami-ullah-9_P3_-sT--4-unsplash.jpg" alt="">
<div class="content-text">
<h3>Umweltförderprogramme</h3>
<p>Profitieren Sie von unseren Förderprogrammen, die speziell darauf ausgelegt sind, umweltfreundliche
Projekte und
Initiativen zu unterstützen und zu realisieren.</p>
</div>
</div>
</div>
<div class="container projects" id="projekte">
<h2>Laufende Projekte</h2>
<div class="image-text">
<img class="content-image" src="images/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg" alt="">
<h3>Nachhaltige Stadtentwicklung</h3>
<p>In unserem Projekt "Nachhaltige Stadtentwicklung" transformieren wir Wiens urbane Landschaften in grüne,
lebenswerte
Räume. Durch die Schaffung von umweltfreundlichen Wohn- und Arbeitsbereichen fördern wir die
Biodiversität und
verbessern die Lebensqualität der Stadtbewohner. Dieses Vorhaben steht für unser Engagement, ökologische
Verantwortung
mit urbanem Wachstum in Einklang zu bringen. </p>
</div>
<div class="image-text">
<img class="content-image" src="images/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg" alt="">
<h3>Energieeffiziente Gebäudetechnologien</h3>
<p>Das Projekt "Energieeffiziente Gebäudetechnologien" setzt neue Maßstäbe für das Wohnen und Arbeiten in
Wien. Mit
innovativen Isoliermethoden, intelligenten Energiemanagementsystemen und nachhaltigen Baustoffen
reduzieren wir den
Energiebedarf und die CO2-Emissionen unserer Gebäude. Diese Initiative ist ein entscheidender Schritt
auf dem Weg zu
einer energiebewussten Zukunft Wiens.</p>
</div>
<h2>Zukünftige Projekte</h2>
<div class="image-text">
<img class="content-image" src="images/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg" alt="">
<h3>Smart City Wien 2030</h3>
<p>Smart City Wien 2030" ist unser Leuchtturmprojekt, das darauf abzielt, Wien bis zum Jahr 2030 zur
intelligentesten Stadt
der Welt zu machen. Durch die Integration von smarten Technologien in die städtische Infrastruktur
streben wir danach,
die Lebensqualität zu erhöhen, Ressourcen effizient zu nutzen und die Stadtverwaltung zu optimieren.
Dieses Projekt ist
ein Versprechen an die Zukunft, in der Technologie und Nachhaltigkeit Hand in Hand gehen.</p>
</div>
</div>
<div class="container" id="team">
<h2 class="text-centered">Unser Team</h2>
<div class="team">
<div class="team-person">
<img src="images/kid-1837375_640.png" alt="">
<p><b>Herr Markus Pöllhuber</b> <br> Als Geschäftsführer bringt Herr Markus Pöllhuber seine
umfassende Erfahrung
in der Wirtschaftsförderung und
Stadtentwicklung ein. Mit seiner Vision, Wien an der Spitze der Smart Cities zu etablieren,
treibt er
Innovation und
Fortschritt voran.</p>
</div>
<div class="team-person">
<img src="images/kid-1837375_640.png" alt="">
<p><b>Herr Rainer Zoubek</b> <br> Herr Rainer Zoubek, ebenfalls Geschäftsführer, ist ein Experte
im Bereich der
nachhaltigen Entwicklung. Sein Engagement
für ökologische Projekte und grüne Technologien hat VED zu einem Vorreiter in der Umsetzung
von
Umweltinitiativen
gemacht.</p>
</div>
</div>
</div>
<div class="container" id="kontakt">
<div>
<h2>Unsere Adresse</h2>
<p>VED - Vienna Economic Development <br>
Renngasse 5/4 <br>
1010 Wien</p>
<h2>Kontaktdaten</h2>
<p>Telefon: +43 1 234 567 890 <br>
E-Mail: info@ved.at <br>
Öffnungszeiten:
Montag bis Freitag: 09:00 - 17:00 Uhr</p>
</div>
</div>
</main>
<footer>
......
preview/html/js/menu.js
View file @ b9a03888
......@@ -10,3 +10,20 @@ document.getElementById("close").addEventListener("click", () => {
document.body.style.overflow = "auto"
})
// When the user scrolls the page, execute myFunction
window.onscroll = function () { myFunction() };
// Get the header
var header = document.getElementById("myHeader");
// Get the offset position of the navbar
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.scrollY > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment