initial commit

This commit is contained in:
helmi committed 2022-04-02 15:44:07 +02:00
1 parent 5b0c8ce994
commit 583001efd8
93 files changed
+66076

No files matched your search

+161
View File
@@ -0,0 +1,161 @@
{% extends "resources/base.html" %}
{% block content %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<body onload="load()">
<div class="standardpage">
<section>
<div class="row">
<div class="col-md-8">
<div class="card mb-4">
<div class="card-body">
<p class="text-uppercase fw-bold mb-3 text-font">Account / Email Addresse</p>
<div class="row">
<div class="col-md-4">
<p>your-email@gmail.com</p>
</div>
</div>
</div>
<div class="card-header py-3">
<h5 class="mb-0 text-font text-uppercase">Lieferadresse</h5>
</div>
<div class="card-body">
<div id="Lieferadressecheckbox"></div>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal1">Open Modal</button>
</div>
<div class="card-header py-3">
<h5 class="mb-0 text-font text-uppercase">Rechnungsadresse</h5>
</div>
<div class="card-body">
<div id="Rechnugsaddressecheckbox"></div>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal1">Open Modal</button>
</div>
<div class="card-header py-3">
<h5 class="mb-0 text-font text-uppercase">Nachricht an uns</h5>
</div>
<div class="card-body">
<div class="form-outline mb-4">
<textarea class="form-control" id="form11Example7" rows="4"></textarea>
<label class="form-label" for="form11Example7">Gibt es etwas, das wir noch wissen sollten?</label>
</div>
</div>
<div class="text-center">
<button id="ready-btn" type="button" class="btn button-order col-md-10">Bestellung aufgeben</button>
</div>
</div>
</div>
<div class="col-md-4 mb-4 position-static">
<div class="card mb-4">
<div class="card-header py-3">
<h5 class="mb-0 text-font">x Positionen <span class="float-end mt-1"
style="font-size: 13px ;">bearbeiten</span></h5>
</div>
<div class="card-body">
<div class="row">
<section id="cartshort">
</section>
</div>
<div class="card-footer mt-4">
<ul class="list-group list-group-flush">
<li
class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0 text-muted">
Subtotal
<span>$35.00</span>
</li>
<li
class="list-group-item d-flex justify-content-between align-items-center px-0 fw-bold text-uppercase">
Total to pay
<span>$35.00</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="modal1" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Addresse hinzufügen</h3>
</div>
<div class="modal-body">
<div class="box">
<div class="formfield">
<div class="control">
<input class="input is-large" type="name" id="name" name="name" placeholder="Name" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="firma" id="firma" name="firma" placeholder="Firma">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="uid" id="uid" name="uid" placeholder="UID Nummer">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="straße" id="straße" name="straße" placeholder="Straße">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="plz" id="plz" name="plz" placeholder="PLZ">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="land" id="land" name="land" placeholder="Land">
</div>
</div>
<button class="button is-block is-info is-large is-fullwidth" onclick="addadress()">Neue Adresse hinzufügen</button>
</div>
</div>
<div id="mClose1" class="modal-footer">
<h3>Schließen</h3>
</div>
</div>
</div>
<form class=hidden id="orderform" method="post" action="/checkout/order" >
<input name="user_id" class="hidden" id="user_id" value="1">
<input name="warenkorb_id" class="hidden" id="warenkorb_id" value="1">
<input name="netto" class="hidden" id="netto" value="0">
<input name="shipping" class="hidden" id="shipping" value="0">
<input name="vat" class="hidden" id="vat" value="0">
<input name="brutto" class="hidden" id="brutto" value="0">
<input name="nachricht" class="hidden" id="nachricht" value="0">
<input name="add_b" class="hidden" id="add_b" value="0">
<input name="add_s" class="hidden" id="add_s" value="0">
</form>
{% endblock %}
+94
View File
@@ -0,0 +1,94 @@
{% extends "resources/base.html" %}
{% block content %}
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- Page Content -->
<!-- Banner Starts Here -->
<div class="banner header-text">
<div class="owl-banner owl-carousel">
<div class="banner-item-01">
<div class="text-content">
<h4>Aktuelle Angebote</h4>
<h2>Jetzt teilweise stark reduziert</h2>
</div>
</div>
<div class="banner-item-02">
<div class="text-content">
<h4>Unsere Angebote</h4>
<h2>Unsere komplette Produkpalette</h2>
</div>
</div>
<div class="banner-item-03">
<div class="text-content">
<h4>Indiviudell konfigurierbar</h4>
<h2>damit es auch ja genau zu Ihnen passt</h2>
</div>
</div>
</div>
</div>
<!-- Banner Ends Here -->
<div class="latest-products">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Zufällige Produktauswahl</h2>
<a href="{{ url_for('produkte') }}">sieh dir alle unsere Produkte an <i class="fa fa-angle-right"></i></a>
</div>
</div>
{% for data in produkte %}
<div class="col-md-4" onclick="location.href='{{ url_for('produkt', id=data.id) }}';">
<div class="product-item">
<a href="#"><img src="{{ data.bildlink }}" alt=""></a>
<div class="down-content">
<a href="#"><h4>{{ data.titel }}</h4></a>
<h6>{{ data.preis }}</h6>
<p>{{ data.kurzbeschreibung }}</p>
</div>
</div>
</div>
{% endfor %}
<div class="best-features">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Über uns</h2>
</div>
</div>
<div class="col-md-6">
<div class="left-content">
<p>Wir sind ein kleiner Metallbaubetrieb in Kärnten mit innovativen Ideen und Lösungen für Menschen die etwas besonderes suchen. Wir sind ein Unternehmen mit 23 Jahren Erfahrung in der Produktion und im Handel.</p>
<p>Wir verarbeiten Stahl, verzinkt oder pulver-beschichtet, Cortenstahl – roh und mit Patina, Edelstahl zu Geländer mit Glas oder Blech-Füllungen, Ganz-Glas Geländer, diese können durchsichtig oder satiniert sein. Weiteres produzieren wir Carports, Überdachungen und Stiegen. Ein besonderer Aufgabenbereich ist die Gartengestaltung mit wetterfesten Cortenstahl in “Rostoptik” nach Ihren Wünschen. Hochbeete fix fertig zum Befüllen oder als Bausatz werden nach Maß bei uns gefertigt. Ein weiterer Schwerpunkt sind unsere flachen fahrbaren Poolabdeckungen aus Aluminium zum belegen mit Holz.</p>
<h4>Auf der Suche nach etwas ganz Besonderem?</h4>
<ul class="featured-list">
<li><a href="#">das erste was mir eibnfällt</a></li>
<li><a href="#">das zweite was mir eibnfällt</a></li>
</ul>
<!-- <a href="about.html" class="filled-button">Read More</a> -->
</div>
</div>
<div class="col-md-6">
<div class="right-image">
<img src="static/img/feature-image.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
{% endblock %}
+138
View File
@@ -0,0 +1,138 @@
{% extends "resources/base.html" %}
{% block content %}
<!-- Page Content -->
<div class="page-heading contact-heading header-text ">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-content">
<h4>Sie brauchen etwas wirklich spezielles?</h4>
<h2>Kontaktieren Sie uns gerne</h2>
</div>
</div>
</div>
</div>
</div>
<div class="find-us margintop">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Sie finden uns hier</h2>
</div>
</div>
<div class="col-md-8">
<!-- How to change your own map point
1. Go to Google Maps
2. Click on your location point
3. Click "Share" and choose "Embed map" tab
4. Copy only URL and paste it within the src="" field below
-->
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2738.0173652963335!2d14.633846615844234!3d46.66591827913351!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47701b2b0f29eb71%3A0x9513b395598a971e!2sSchlachthofstra%C3%9Fe%201%2C%209100%20V%C3%B6lkermarkt!5e0!3m2!1sde!2sat!4v1646301366319!5m2!1sde!2sat" width="100%" height="330px" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="col-md-4">
<div class="left-content">
<h4>Der Standort zeigt unsere Produktionshalle</h4>
<p>hier fertigen wir alle unsere Produkte aus Stahl, Cortenstahl, Aluminium und vielem mehr</p>
<ul class="social-icons">
<li><a href="https://www.fb.me/alcmetalltechnik"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/pooldecks.eu/"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="send-message margindown">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Nutzen Sie gerne unser Kontaktformular</h2>
</div>
</div>
<div class="col-md-8">
<div class="contact-form">
<form id="contact" action="" method="post">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<fieldset>
<input name="name" type="text" class="form-control" id="name" placeholder="Ihr Name" required="">
</fieldset>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<fieldset>
<input name="email" type="text" class="form-control" id="email" placeholder="Ihre E-Mail Adresse" required="">
</fieldset>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<fieldset>
<input name="tel" type="text" class="form-control" id="tel" placeholder="Auf Wunsch Ihre Telefonummmer">
</fieldset>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<fieldset>
<input name="subject" type="text" class="form-control" id="subject" placeholder="Um was geht es?" required="">
</fieldset>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<fieldset>
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Ihre Nachricht" required=""></textarea>
</fieldset>
</div>
<div class="col-lg-12">
<fieldset>
<div class="g-recaptcha" data-sitekey="6Lcrd88eAAAAAKpGc4qQDUKDkTGiEmvRQHxbPhfU"></div>
<button type="submit" id="form-submit" class="filled-button">Nachricht Abschicken</button>
</fieldset>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-4">
<ul class="accordion">
<li>
<a>Fragen zur Lieferung pder Abrechnung?</a>
<div class="content">
<p>Viele Antworten finden Sie recht schnell in unseren FAQs</p>
</div>
</li>
<li>
<a>Ich brächte ein Gesamtangebot für meinen Garten</a>
<div class="content">
<p>Kein Problem, bitte kontaktieren und gleich Pläne/Fotos anhängen</p>
</div>
</li>
<li>
<a>Bei mir geht das nicht</a>
<div class="content">
<p>Technische Probleme? dann bitte einfach melden, ein kleiner Fehler kann immer passieren</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://www.google.com/recaptcha/enterprise.js?render=6Lcrd88eAAAAAKpGc4qQDUKDkTGiEmvRQHxbPhfU"></script>
<script>
grecaptcha.enterprise.ready(function() {
grecaptcha.enterprise.execute('6Lcrd88eAAAAAKpGc4qQDUKDkTGiEmvRQHxbPhfU', {action: 'validate_captcha'}).then(function(token) {
document.getElementById('g-recaptcha-response').value = token;
});
});
</script>
{% endblock %}
+7
View File
@@ -0,0 +1,7 @@
{% extends "base.html" %}
{% block content %}
<h1 class="title">
Welcome, Anthony!
</h1>
{% endblock %}
+389
View File
@@ -0,0 +1,389 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<title>Sixteen Clothing - About Page</title>
<!-- Bootstrap core CSS -->
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--
TemplateMo 546 Sixteen Clothing
https://templatemo.com/tm-546-sixteen-clothing
-->
<!-- Additional CSS Files -->
<link rel="stylesheet" href="static/css/fontawesome.css">
<link rel="stylesheet" href="static/css/templatemo-sixteen.css">
<link rel="stylesheet" href="static/css/owl.css">
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- Header -->
<header class="">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html"><h2>Sixteen <em>Clothing</em></h2></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Our Products</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Page Content -->
<div class="page-heading about-heading header-text">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-content">
<h4>about us</h4>
<h2>our company</h2>
</div>
</div>
</div>
</div>
</div>
<div class="best-features about-features">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Our Background</h2>
</div>
</div>
<div class="col-md-6">
<div class="right-image">
<img src="static/img/feature-image.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="left-content">
<h4>Who we are &amp; What we do?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed voluptate nihil eum consectetur similique? Consectetur, quod, incidunt, harum nisi dolores delectus reprehenderit voluptatem perferendis dicta dolorem non blanditiis ex fugiat. Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur, modi mollitia corporis ipsa voluptate corrupti eum ratione ex ea praesentium quibusdam? Aut, in eum facere corrupti necessitatibus perspiciatis quis.</p>
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="team-members">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Our Team Members</h2>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_01.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>Johnny William</h4>
<span>CO-Founder</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_02.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>Karry Pitcher</h4>
<span>Product Expert</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_03.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>Michael Soft</h4>
<span>Chief Marketing</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_04.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>Mary Cool</h4>
<span>Product Specialist</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_05.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>George Walker</h4>
<span>Product Photographer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="team-member">
<div class="thumb-container">
<img src="static/img/team_06.jpg" alt="">
<div class="hover-effect">
<div class="hover-content">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="down-content">
<h4>Kate Town</h4>
<span>General Manager</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="services">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="service-item">
<div class="icon">
<i class="fa fa-gear"></i>
</div>
<div class="down-content">
<h4>Product Management</h4>
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
<a href="#" class="filled-button">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-item">
<div class="icon">
<i class="fa fa-gear"></i>
</div>
<div class="down-content">
<h4>Customer Relations</h4>
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
<a href="#" class="filled-button">Details</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="service-item">
<div class="icon">
<i class="fa fa-gear"></i>
</div>
<div class="down-content">
<h4>Global Collection</h4>
<p>Lorem ipsum dolor sit amet, consectetur an adipisicing elit. Itaque, corporis nulla at quia quaerat.</p>
<a href="#" class="filled-button">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="happy-clients">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Happy Partners</h2>
</div>
</div>
<div class="col-md-12">
<div class="owl-clients owl-carousel">
<div class="client-item">
<img src="static/img/client-01.png" alt="1">
</div>
<div class="client-item">
<img src="static/img/client-01.png" alt="2">
</div>
<div class="client-item">
<img src="static/img/client-01.png" alt="3">
</div>
<div class="client-item">
<img src="static/img/client-01.png" alt="4">
</div>
<div class="client-item">
<img src="static/img/client-01.png" alt="5">
</div>
<div class="client-item">
<img src="static/img/client-01.png" alt="6">
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-content">
<p>Copyright &copy; 2020 Sixteen Clothing Co., Ltd.
- Design: <a rel="nofollow noopener" href="https://templatemo.com" target="_blank">TemplateMo</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="static/lib/jquery/jquery.min.js"></script>
<script src="static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Additional Scripts -->
<script src="static/js/custom.js"></script>
<script src="static/js/owl.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/accordions.js"></script>
<script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){ //declaring the array outside of the
if(! cleared[t.id]){ // function makes it static and global
cleared[t.id] = 1; // you could use true and false, but that's more typing
t.value=''; // with more chance of typos
t.style.color='#fff';
}
}
</script>
</body>
</html>
+271
View File
@@ -0,0 +1,271 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<title>Sixteen Clothing Products</title>
<!-- Bootstrap core CSS -->
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!--
TemplateMo 546 Sixteen Clothing
https://templatemo.com/tm-546-sixteen-clothing
-->
<!-- Additional CSS Files -->
<link rel="stylesheet" href="static/css/fontawesome.css">
<link rel="stylesheet" href="static/css/templatemo-sixteen.css">
<link rel="stylesheet" href="static/css/owl.css">
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="preloader">
<div class="jumper">
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- Header -->
<header class="">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html"><h2>Sixteen <em>Clothing</em></h2></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="products.html">Our Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Page Content -->
<div class="page-heading products-heading header-text">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-content">
<h4>new arrivals</h4>
<h2>sixteen products</h2>
</div>
</div>
</div>
</div>
</div>
<div class="products">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="filters">
<ul>
<li class="active" data-filter="*">All Products</li>
<li data-filter=".des">Featured</li>
<li data-filter=".dev">Flash Deals</li>
<li data-filter=".gra">Last Minute</li>
</ul>
</div>
</div>
<div class="col-md-12">
<div class="filters-content">
<div class="row grid">
<div class="col-lg-4 col-md-4 all des">
<div class="product-item">
<a href="#"><img src="static/img/product_01.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$18.25</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (12)</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 all dev">
<div class="product-item">
<a href="#"><img src="static/img/product_02.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$16.75</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (24)</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 all gra">
<div class="product-item">
<a href="#"><img src="static/img/product_03.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$32.50</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (36)</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 all gra">
<div class="product-item">
<a href="#"><img src="static/img/product_04.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$24.60</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (48)</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 all dev">
<div class="product-item">
<a href="#"><img src="static/img/product_05.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$18.75</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (60)</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 all des">
<div class="product-item">
<a href="#"><img src="static/img/product_06.jpg" alt=""></a>
<div class="down-content">
<a href="#"><h4>Tittle goes here</h4></a>
<h6>$12.50</h6>
<p>Lorem ipsume dolor sit amet, adipisicing elite. Itaque, corporis nulla aspernatur.</p>
<ul class="stars">
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
<li><i class="fa fa-star"></i></li>
</ul>
<span>Reviews (72)</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<ul class="pages">
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="inner-content">
<p>Copyright &copy; 2020 Sixteen Clothing Co., Ltd.
- Design: <a rel="nofollow noopener" href="https://templatemo.com" target="_blank">TemplateMo</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="static/lib/jquery/jquery.min.js"></script>
<script src="static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Additional Scripts -->
<script src="static/js/custom.js"></script>
<script src="static/js/owl.js"></script>
<script src="static/js/slick.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/accordions.js"></script>
<script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){ //declaring the array outside of the
if(! cleared[t.id]){ // function makes it static and global
cleared[t.id] = 1; // you could use true and false, but that's more typing
t.value=''; // with more chance of typos
t.style.color='#fff';
}
}
</script>
</body>
</html>
+73
View File
@@ -0,0 +1,73 @@
{% extends "resources/base.html" %}
{% block content %}
<div class="standardpage">
<div class="row">
<main class="produktcontainer">
<!-- Left Column / Headphones Image -->
<div class="left-column">
<img data-image="1" src="/static/img/product_03.jpg" alt="">
<img data-image="2" src="/static/img/product_04.jpg" alt="">
<img data-image="3" class="active" src="/static/img/product_05.jpg" alt="">
</div>
<!-- Right Column -->
<div class="right-column">
<!-- Product Description -->
<div class="product-description">
<span>{{produkt.titel}}</span>
<h1>{{produkt.titel}}</h1>
<p>{{produkt.kurzbeschreibung}}</p>
</div>
<!-- Product Pricing -->
<div class="product-price">
<span>{{produkt.preis}}</span>
<!-- <a onclick="addtocart(10,{{produkt.id}},1)" class="cart-btn">zum Warenkorb hinzufügen</a>-->
<a data-produkt="{{produkt.id}}" class="cart-btn">zum Warenkorb hinzufügen</a>
</div>
</div>
</main>
</div>
</div>
<div id="modal1" class="modal">
<div class="modal-content">
<div class="modal-header">
<h3>Produkt hinzugefügt</h3>
</div>
<div class="modal-body">
<div class="box">
<div class="row">
<div class="col-lg-4 col-6 text-center">
<a href="/produkte"> weiter shoppen<a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="/warenkorb"> warenkorb<a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="/checkout/checkout"> bestellen<a>
</div>
</div>
</div>
</div>
<div id="mClose1" class="modal-footer">
<h3>Schließen</h3>
</div>
</div>
</div>
{% endblock %}
+30
View File
@@ -0,0 +1,30 @@
{% extends "resources/base.html" %}
{% block content %}
<div class="standardpage">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h2>Unsere Produkte</h2>
</div>
</div>
{% for data in produkte %}
<div class="col-md-4" onclick="location.href='{{ url_for('produkt', id=data.id) }}';">
<div class="product-item">
<a href="#"><img src="{{ data.bildlink }}" alt=""></a>
<div class="down-content">
<a href="#"><h4>{{ data.titel }}</h4></a>
<h6>{{ data.preis }}</h6>
<p>{{ data.kurzbeschreibung }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}
+64
View File
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<title>ALC Metalltechnik Shop</title>
<link href="{{url_for('static', filename='/lib/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
<!-- Additional CSS Files -->
<link rel="stylesheet" href="{{url_for('static', filename='/css/fontawesome.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='/css/style.css')}}">
<link rel="stylesheet" href="{{url_for('static', filename='/css/owl.css')}}">
</head>
<body>
<div translate="no">
<div class="hidden" id="gcartid">0</div>
</div>
{% include "resources/header.html" ignore missing with context%}
{% block content %}
{% endblock %}
{% include "resources/footer.html" ignore missing with context%}
<!-- Bootstrap core JavaScript -->
<script src="{{url_for('static', filename='/lib/jquery/jquery.min.js')}}"></script>
<script src="{{url_for('static', filename='/lib/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<!-- Additional Scripts -->
<script src="{{url_for('static', filename='/js/custom.js')}}"></script>
<script src="{{url_for('static', filename='/js/owl.js')}}"></script>
<script src="{{url_for('static', filename='/js/slick.js')}}"></script>
<script src="{{url_for('static', filename='/js/isotope.js')}}"></script>
<script src="{{url_for('static', filename='/js/accordions.js')}}"></script>
<script src="{{url_for('static', filename='/js/cart.js')}}"></script>
<script src="{{url_for('static', filename='/js/checkout.js')}}"></script>
<script src="{{url_for('static', filename='/js/main.js')}}"></script>
<script language = "text/Javascript">
cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
function clearField(t){ //declaring the array outside of the
if(! cleared[t.id]){ // function makes it static and global
cleared[t.id] = 1; // you could use true and false, but that's more typing
t.value=''; // with more chance of typos
t.style.color='#fff';
}
}
</script>
</body>
</html>
+34
View File
@@ -0,0 +1,34 @@
<footer id="footer">
<div class="container">
<div class=row>
<div class="col-lg-4 col-6 text-center">
<a href="{{ url_for('AGB') }}" >AGB</a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="{{ url_for('lieferung') }}" >Lieferung</a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="{{ url_for('impressum') }}" >Impressum</a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="{{ url_for('datenschutz') }}" >Datenschutz</a>
</div>
<div class="col-lg-4 col-6 text-center">
<a href="{{ url_for('cookie') }}" >Cookie-Richtlinie</a>
</div>
<div class="col-lg-12 col-12 text-center">
<p>
<a href="https://www.fb.me/alcmetalltechnik" class="facebook" target="_blank"><i class="fa fa-facebook"></i> </a> &nbsp;
<a href="https://www.instagram.com/pooldecks.eu/" class="instagram" target="_blank"><i class="fa fa-instagram"></i> </a>
</p>
</div>
<div class="col-md-12">
<div class="copyright">
&copy; Copyright <strong>ALC Metalltechnik</strong>. All Rights Reserved
</div>
</div>
</div>
</div>
</footer>
+48
View File
@@ -0,0 +1,48 @@
<!-- Header -->
<header class="">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html"><h2>ALC <em>Metalltechnik</em></h2></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
{% if site=="home" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('home') }}">Startseite
{% if site=="home" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% if site=="produkte" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('produkte') }}">Alle Produkte
{% if site=="produkte" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% if site=="warenkorb" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('warenkorb') }}">Warenkorb
{% if site=="warenkorb" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% if current_user.is_authenticated %}
{% if site=="kundencenter" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('kundencenter') }}">Kundencenter
{% if site=="kundencenter" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% else %}
{% if site=="login" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('loginpanel') }}">Login
{% if site=="login" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
{% endif %}
{% if site=="kontakt" %}<li class="nav-item active">{% else %}<li class="nav-item">{% endif %}
<a class="nav-link" href="{{ url_for('kontakt') }}">Kontakt
{% if site=="kontakt" %}<span class="sr-only">(current)</span>{% endif %}
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
+22
View File
@@ -0,0 +1,22 @@
<div class="column is-4 is-offset-4">
<h3 class="title">Anmelden</h3>
<div class="box">
<form method="POST" action="/login">
<div class="formfield">
<div class="control">
<input class="input is-large" type="email" name="email" placeholder="E-Mail Addresse" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
</div>
<input class="hidden" type="checkbox" checked>
<button class="button is-block is-info is-large is-fullwidth">Login</button>
</form>
</div>
</div>
+45
View File
@@ -0,0 +1,45 @@
<div class="column is-4 is-offset-4">
<h3 class="title">Account erstellen</h3>
<div class="box">
<form method="POST" action="/signup">
<div class="formfield">
<div class="control">
<input class="input is-large" type="text" name="name" placeholder="Name" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="text" name="firma" placeholder="Firma" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="text" name="tel" placeholder="Telefonnummer" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="text" name="uid" placeholder="UID" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="email" name="email" placeholder="Email" autofocus="">
</div>
</div>
<div class="formfield">
<div class="control">
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
</div>
<button class="button is-block is-info is-large is-fullwidth">Account erstellen</button>
</form>
</div>
</div>
+22
View File
@@ -0,0 +1,22 @@
{% extends "resources/base.html" %}
{% block content %}
<div class="standardpage">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="spacemiddle">
{% include "resources/login.html" ignore missing with context%}
</div>
</div>
<div class="col-md-12">
<div class="spacemiddle">
{% include "resources/register.html" ignore missing with context%}
</div>
</div>
</div>
</div>
</div>
{% endblock %}
+53
View File
@@ -0,0 +1,53 @@
{% extends "resources/base.html" %}
{% block content %}
<body onload="getcart(1)">
</body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--<script src="{{url_for('static', filename='/js/warenkorb.js')}}"></script>-->
<div class="standardpage">
<div class="row">
<main class="produktcontainer">
<div class="container">
<section id="cart">
</section>
</div>
<div id="site-footer">
<div class="container clearfix">
<div class="left">
<h2 class="subtotal">Subtotal: <span>163.96</span>€</h2>
<h3 class="tax">Taxes (5%): <span>8.2</span>€</h3>
<h3 class="shipping">Shipping: <span>5.00</span>€</h3>
</div>
<div class="right">
<h1 class="total">Total: <span>177.16</span>€</h1>
<a class="btn">Checkout</a>
</div>
</div>
</div>
<form style="display: none" action="/checkout/checkout" method="POST" id="checkoutform">
<input type="hidden" id="netto" name="netto" value=""/>
<input type="hidden" id="mwst" name="mwst" value=""/>
<input type="hidden" id="brutto" name="brutto" value=""/>
</form>
</main>
</div>
</div>
{% endblock %}