Ein paar Websiten hinzugefügt
This commit is contained in:
jankaminski1
@ -4,47 +4,7 @@
|
||||
|
||||
|
||||
<div class="hero_area">
|
||||
<!-- header section strats -->
|
||||
<header class="header_section">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg custom_nav-container ">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="images/logo.png" alt="">
|
||||
<span>
|
||||
Electrochip
|
||||
</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="s-1"> </span>
|
||||
<span class="s-2"> </span>
|
||||
<span class="s-3"> </span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
|
||||
<ul class="navbar-nav ">
|
||||
<li class="nav-item active">
|
||||
<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="about.html"> About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="service.html"> Service </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="blog.html"> Blog </a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="contact.html">Contact </a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- end header section -->
|
||||
<!-- slider section -->
|
||||
<section class=" slider_section ">
|
||||
<div class="container">
|
||||
@ -52,15 +12,15 @@
|
||||
<div class="col-md-6 ">
|
||||
<div class="detail_box">
|
||||
<h1>
|
||||
Electrical <br>
|
||||
Service <br>
|
||||
Providers
|
||||
Wo Wünsche <br>
|
||||
Wirklichkeit <br>
|
||||
werden
|
||||
</h1>
|
||||
<p>
|
||||
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem
|
||||
Willkommen auf meiner Webseite, wo Kunst und Technologie sich treffen. Ich freue mich, euch "Meine Wunschprogramm-Assistentin" vorzustellen, ein Projekt, das mir am Herzen liegt und das meine künstlerische Reise in eine aufregende neue Richtung führt.
|
||||
</p>
|
||||
<a href="" class="">
|
||||
Contact Us
|
||||
<a href="/aiart" class="">
|
||||
Probier es aus!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -71,17 +31,17 @@
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.jpg" alt="">
|
||||
<img src="images/slider-img1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.jpg" alt="">
|
||||
<img src="images/slider-img2.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="img-box">
|
||||
<img src="images/slider-img.jpg" alt="">
|
||||
<img src="images/slider-img3.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -101,112 +61,62 @@
|
||||
</section>
|
||||
<!-- end slider section -->
|
||||
</div>
|
||||
<!-- explaining section -->
|
||||
<div class="container">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- service section -->
|
||||
<section class="service_section layout_padding">
|
||||
<!-- about section -->
|
||||
<section class="about_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Our Services
|
||||
</h2>
|
||||
<img src="images/plug.png" alt="">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="img_container">
|
||||
<div class="img-box b1">
|
||||
<img src="images/about4.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="service_container">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/s1.png" class="img1" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Equipment installation
|
||||
</h5>
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Was ist der Wunschprogramm-Assistent?
|
||||
</h2>
|
||||
<img src="images/plug.png" alt="">
|
||||
</div>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
Seit Jahren habe ich Wünsche in Aquarelle verwandelt, sie humorvoll und ironisch interpretiert und ihnen eine neue Dimension gegeben. Jetzt habe ich einen mutigen Schritt gemacht und Künstliche Intelligenz (KI) als meine persönliche Assistentin in dieses kreative Unterfangen einbezogen.
|
||||
Auf meiner Webseite Wunschprogramm.ai könnt ihr nun eure Wünsche äußern, die von meiner Wunschprogramm-Assistentin umgesetzt werden. Egal, ob es sich um einen „Happy End“, „Anerkennung“, „Ein Sportwagen“ oder „Sanfter Tod“ handelt, ich interpretiere eure Wünsche fantasievoll und gebe ihnen eine neue inhaltliche Dimension. Die „Wunschprogramm-Assistentin“ generiert in wenigen Momenten ein Bild, das ihr bestellen könnt. Wenn euch die Bilder gefallen, könnt ihr sie als hochwertigen Kunstdruck bestellen, und ich werde sie für euch als Originale handsignieren.
|
||||
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box active">
|
||||
<div class="img-box">
|
||||
<img src="images/s2.png" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Windmill Energy
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/s3.png" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Equipment Maintenance
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box ">
|
||||
<div class="img-box">
|
||||
<img src="images/s4.png" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Offshore Engineering
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/s5.png" class="img1" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Electrical Wiring
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="">
|
||||
Read More
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end service section -->
|
||||
|
||||
<!-- about section -->
|
||||
<section class="about_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="detail-box">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
About Us
|
||||
</h2>
|
||||
<img src="images/plug.png" alt="">
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
||||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
||||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
|
||||
in reprehenderit in voluptate velit
|
||||
Auch politische Persönlichkeiten wie Bundespräsident Frank Walter Steinmeier oder Katarina Barley sowie show-Promis wie Micaela Schäfer und Carlo von Tiedemann haben mir bereits ihre Wünsche anvertraut, und ich lade euch ein, dasselbe zu tun. Es ist eine Gelegenheit, Teil eines kreativen Dialogs zu werden, der über die traditionellen Grenzen der Kunst hinausgeht.
|
||||
Auf dieser Webseite findet ihr alle Informationen über mein bisheriges Wunschprogramm, über meinen künstlerischen Werdegang und über die Entstehung und Realisierung dieses Projektes. "Meine Wunschprogramm-Assistentin" ist mehr als nur ein Projekt; es ist eine Erkundung dessen, was Kunst sein kann, wenn sie mit der Technologie von heute verknüpft wird. Ich lade euch ein, diese Reise mit mir zu teilen, eure Wünsche zu äußern und zu sehen, wie sie in Kunst verwandelt werden.
|
||||
Besucht Wunschprogramm.ai und entdeckt, was möglich ist, wenn Wünsche, Kunst und Technologie aufeinandertreffen. Ich freue mich darauf, eure Wünsche in Kunst zu verwandeln.
|
||||
|
||||
</p>
|
||||
<a href="">
|
||||
Read More
|
||||
@ -216,10 +126,10 @@
|
||||
<div class="col-md-6">
|
||||
<div class="img_container">
|
||||
<div class="img-box b1">
|
||||
<img src="images/about-img1.jpg" alt="" />
|
||||
<img src="images/about1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="img-box b2">
|
||||
<img src="images/about-img2.jpg" alt="" />
|
||||
<img src="images/about2.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -228,195 +138,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end about section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- blog section -->
|
||||
|
||||
|
||||
<section class="blog_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Blog
|
||||
</h2>
|
||||
<img src="images/plug.png" alt="">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/blog1.jpg" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Blog Title Goes Here
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="box">
|
||||
<div class="img-box">
|
||||
<img src="images/blog2.jpg" alt="">
|
||||
</div>
|
||||
<div class="detail-box">
|
||||
<h5>
|
||||
Blog Title Goes Here
|
||||
</h5>
|
||||
<p>
|
||||
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end blog section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- contact section -->
|
||||
|
||||
<section class="contact_section layout_padding">
|
||||
<div class="container ">
|
||||
<div class="heading_container">
|
||||
<h2>
|
||||
Contact Us
|
||||
</h2>
|
||||
<img src="images/plug.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<form action="">
|
||||
<div>
|
||||
<input type="text" placeholder="Name" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="email" placeholder="Email" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" placeholder="Phone Number" />
|
||||
</div>
|
||||
<div>
|
||||
<input type="text" class="message-box" placeholder="Message" />
|
||||
</div>
|
||||
<div class="d-flex ">
|
||||
<button>
|
||||
SEND
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="map_container">
|
||||
<div class="map-responsive">
|
||||
<iframe src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0s1a7phLN0iaD6-UE7m4qP-z21pH0eSc&q=Eiffel+Tower+Paris+France" width="600" height="300" frameborder="0" style="border:0; width: 100%; height:100%" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end contact section -->
|
||||
|
||||
|
||||
<!-- info section -->
|
||||
|
||||
<section class="info_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="info_contact">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<a href="">
|
||||
<img src="images/location-white.png" alt="">
|
||||
<span>
|
||||
Passages of Lorem Ipsum available
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="">
|
||||
<img src="images/telephone-white.png" alt="">
|
||||
<span>
|
||||
Call : +012334567890
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<a href="">
|
||||
<img src="images/envelope-white.png" alt="">
|
||||
<span>
|
||||
demo@gmail.com
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<div class="info_form">
|
||||
<form action="">
|
||||
<input type="text" placeholder="Enter your email">
|
||||
<button>
|
||||
subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 col-lg-3">
|
||||
<div class="info_social">
|
||||
<div>
|
||||
<a href="">
|
||||
<img src="images/fb.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="">
|
||||
<img src="images/twitter.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="">
|
||||
<img src="images/linkedin.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="">
|
||||
<img src="images/instagram.png" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- end info section -->
|
||||
|
||||
<!-- footer section -->
|
||||
<footer class="container-fluid footer_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 col-md-9 mx-auto">
|
||||
<p>
|
||||
© 2019 All Rights Reserved By
|
||||
<a href="https://html.design/">Free Html Templates</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- footer section -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user