Ein paar Websiten hinzugefügt
This commit is contained in:
jankaminski1
parent
31c3e33b11
commit
705146cb8b
|
|
@ -10,11 +10,11 @@
|
||||||
@inject DialogService DialogService
|
@inject DialogService DialogService
|
||||||
|
|
||||||
<PageTitle>AiArt</PageTitle>
|
<PageTitle>AiArt</PageTitle>
|
||||||
|
<div class="hero_area">
|
||||||
<h1>Wunschbilder von KI nur für dich</h1>
|
|
||||||
|
|
||||||
<RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center">
|
<RadzenStack Orientation="Orientation.Vertical" AlignItems="AlignItems.Center">
|
||||||
<RadzenButton Text="Zur Gallery" Click="@NavigateToGallery" /> <RadzenText TextStyle="TextStyle.H2">Nenne uns deinen Wunsch:</RadzenText>
|
<h1>Wunschbilder von KI nur für dich</h1>
|
||||||
|
<RadzenText TextStyle="TextStyle.H2">Nenne uns deinen Wunsch:</RadzenText>
|
||||||
<RadzenTextBox @bind-Value=@request Placeholder="Dein Wunsch"/>
|
<RadzenTextBox @bind-Value=@request Placeholder="Dein Wunsch"/>
|
||||||
|
|
||||||
<RadzenPanel AllowCollapse="true" Style="width: 500px;" Text="Mehr Optionen">
|
<RadzenPanel AllowCollapse="true" Style="width: 500px;" Text="Mehr Optionen">
|
||||||
|
|
@ -95,6 +95,7 @@
|
||||||
</RadzenCard>
|
</RadzenCard>
|
||||||
|
|
||||||
</RadzenStack>
|
</RadzenStack>
|
||||||
|
</div>
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
private int maxAddons = 2;
|
private int maxAddons = 2;
|
||||||
|
|
|
||||||
|
|
@ -1,29 +1,5 @@
|
||||||
@page "/gallery"
|
@page "/gallery"
|
||||||
|
|
||||||
<RadzenDataList WrapItems="@true" AllowPaging="true" Data="@imagePaths" PageSize="20" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true" class="image-grid">
|
|
||||||
<Template Context="imagePath">
|
|
||||||
<div class="image-grid-item">
|
|
||||||
<RadzenCard Style="width: 200px; height: 200px; padding: 0; border: none;">
|
|
||||||
<RadzenButton Click="@(args => ShowImageInfo(imagePath))">
|
|
||||||
<RadzenImage Src="@imagePath" Style="width: 100%; height: 100%; object-fit: cover;" />
|
|
||||||
</RadzenButton>
|
|
||||||
</RadzenCard>
|
|
||||||
</div>
|
|
||||||
</Template>
|
|
||||||
</RadzenDataList>
|
|
||||||
|
|
||||||
<div class="image-popup" style="@popupStyle">
|
|
||||||
<div class="image-popup-content">
|
|
||||||
<div class="image-info">
|
|
||||||
<RadzenImage Src="@selectedImage" Style="max-width: 100%; max-height: 300px; object-fit: contain;" />
|
|
||||||
<p>@infoText</p>
|
|
||||||
</div>
|
|
||||||
<div class="close-button">
|
|
||||||
<RadzenButton Text="Close" Click="CloseImageInfo" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.image-grid {
|
.image-grid {
|
||||||
background-color: white; /* Hintergrund der RadzenDataList weiß machen */
|
background-color: white; /* Hintergrund der RadzenDataList weiß machen */
|
||||||
|
|
@ -80,6 +56,32 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<RadzenDataList WrapItems="@true" AllowPaging="true" Data="@imagePaths" PageSize="20" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true" class="image-grid">
|
||||||
|
<Template Context="imagePath">
|
||||||
|
<div class="image-grid-item">
|
||||||
|
<RadzenCard Style="width: 200px; height: 200px; padding: 0; border: none;">
|
||||||
|
<RadzenButton Click="@(args => ShowImageInfo(imagePath))">
|
||||||
|
<RadzenImage Src="@imagePath" Style="width: 100%; height: 100%; object-fit: cover;" />
|
||||||
|
</RadzenButton>
|
||||||
|
</RadzenCard>
|
||||||
|
</div>
|
||||||
|
</Template>
|
||||||
|
</RadzenDataList>
|
||||||
|
|
||||||
|
<div class="image-popup" style="@popupStyle">
|
||||||
|
<div class="image-popup-content">
|
||||||
|
<div class="image-info">
|
||||||
|
<RadzenImage Src="@selectedImage" Style="max-width: 100%; max-height: 300px; object-fit: contain;" />
|
||||||
|
<p>@infoText</p>
|
||||||
|
</div>
|
||||||
|
<div class="close-button">
|
||||||
|
<RadzenButton Text="Close" Click="CloseImageInfo" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
List<string> imagePaths = new List<string>();
|
List<string> imagePaths = new List<string>();
|
||||||
string selectedImage;
|
string selectedImage;
|
||||||
|
|
|
||||||
|
|
@ -4,47 +4,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="hero_area">
|
<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 -->
|
<!-- slider section -->
|
||||||
<section class=" slider_section ">
|
<section class=" slider_section ">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
@ -52,15 +12,15 @@
|
||||||
<div class="col-md-6 ">
|
<div class="col-md-6 ">
|
||||||
<div class="detail_box">
|
<div class="detail_box">
|
||||||
<h1>
|
<h1>
|
||||||
Electrical <br>
|
Wo Wünsche <br>
|
||||||
Service <br>
|
Wirklichkeit <br>
|
||||||
Providers
|
werden
|
||||||
</h1>
|
</h1>
|
||||||
<p>
|
<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>
|
</p>
|
||||||
<a href="" class="">
|
<a href="/aiart" class="">
|
||||||
Contact Us
|
Probier es aus!
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -71,17 +31,17 @@
|
||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item active">
|
<div class="carousel-item active">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="images/slider-img.jpg" alt="">
|
<img src="images/slider-img1.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="images/slider-img.jpg" alt="">
|
<img src="images/slider-img2.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="images/slider-img.jpg" alt="">
|
<img src="images/slider-img3.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -101,112 +61,62 @@
|
||||||
</section>
|
</section>
|
||||||
<!-- end slider section -->
|
<!-- end slider section -->
|
||||||
</div>
|
</div>
|
||||||
|
<!-- explaining section -->
|
||||||
|
|
||||||
<!-- service section -->
|
|
||||||
<section class="service_section layout_padding">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="heading_container">
|
|
||||||
<h2>
|
|
||||||
Our Services
|
|
||||||
</h2>
|
|
||||||
<img src="images/plug.png" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="service_container">
|
|
||||||
<div class="box">
|
|
||||||
<div class="img-box">
|
|
||||||
<img src="images/s1.png" class="img1" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="detail-box">
|
|
||||||
<h5>
|
|
||||||
Equipment installation
|
|
||||||
</h5>
|
|
||||||
<p>
|
|
||||||
There are many variations of passages of Lorem Ipsum available,
|
|
||||||
</p>
|
|
||||||
</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 -->
|
<!-- about section -->
|
||||||
<section class="about_section layout_padding">
|
<section class="about_section layout_padding">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<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>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="detail-box">
|
<div class="detail-box">
|
||||||
<div class="heading_container">
|
<div class="heading_container">
|
||||||
<h2>
|
<h2>
|
||||||
About Us
|
Was ist der Wunschprogramm-Assistent?
|
||||||
</h2>
|
</h2>
|
||||||
<img src="images/plug.png" alt="">
|
<img src="images/plug.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
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.
|
||||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
|
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.
|
||||||
enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
||||||
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
|
</p>
|
||||||
in reprehenderit in voluptate velit
|
<a href="">
|
||||||
|
Read More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
<img src="images/plug.png" alt="">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
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>
|
</p>
|
||||||
<a href="">
|
<a href="">
|
||||||
Read More
|
Read More
|
||||||
|
|
@ -216,10 +126,10 @@
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="img_container">
|
<div class="img_container">
|
||||||
<div class="img-box b1">
|
<div class="img-box b1">
|
||||||
<img src="images/about-img1.jpg" alt="" />
|
<img src="images/about1.jpg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
<div class="img-box b2">
|
<div class="img-box b2">
|
||||||
<img src="images/about-img2.jpg" alt="" />
|
<img src="images/about2.jpg" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -228,195 +138,14 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- end about 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 -->
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,139 @@
|
||||||
|
@page "/kirstenkloeckner"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="hero_area">
|
||||||
|
|
||||||
|
<!-- slider section -->
|
||||||
|
<section class=" slider_section ">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="detail_box">
|
||||||
|
<h1>
|
||||||
|
Wer ist <br>
|
||||||
|
Kirsten <br>
|
||||||
|
Klöckner?
|
||||||
|
</h1>
|
||||||
|
<p>
|
||||||
|
Kirsten Klöckner, geboren 1962 in Braunschweig, hat die deutsche Kunstszene mit ihren humorvollen und hintergründigen Arbeiten bereichert.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 col-md-6 offset-lg-1">
|
||||||
|
<div class="img_content">
|
||||||
|
<div class="img_container">
|
||||||
|
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img1.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img2.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img3.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end slider section -->
|
||||||
|
</div>
|
||||||
|
<!-- explaining section -->
|
||||||
|
<div class="container">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- about section -->
|
||||||
|
<section class="about_section layout_padding">
|
||||||
|
<div class="container">
|
||||||
|
<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>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="detail-box">
|
||||||
|
<div class="heading_container">
|
||||||
|
<h2>
|
||||||
|
Was ist der Wunschprogramm-Assistent?
|
||||||
|
</h2>
|
||||||
|
<img src="images/plug.png" alt="">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Ihre kreative Reise begann mit einem Studium der Bildhauerei an der Kunstakademie Münster, wo sie von 1983 bis 1986 unter der Leitung von Reiner Ruthenbeck studierte. Nach ihrem Studium zog sie nach Düsseldorf, um dort bis 2001 zu leben und zu arbeiten. Berlin wurde 2002 ihr neues Zuhause, ein Ort, der ihr die Konzentration auf ihre Kunst ermöglichte.
|
||||||
|
Klöckner's künstlerische Ausbildung war geprägt von einer tiefen Leidenschaft für die Bildhauerei. Ihre Zeit in Münster legte den Grundstein für eine Karriere, die sich durch Vielseitigkeit und Kreativität auszeichnet. Nach ihrem Umzug nach Düsseldorf begann sie, ihre künstlerische Stimme zu finden, und Berlin bot ihr schließlich die Plattform, um sich voll und ganz auf ihre Kunst zu konzentrieren.
|
||||||
|
Ihr Werk ist vielseitig und reicht von Bildhauerei über Malerei bis hin zur Verlagsarbeit. Seit den 1990er Jahren produziert sie Multiples, kleine Objekte in begrenzter Auflagenzahl, die am Rand des Kunstmarkts gehandelt, geliebt und verschenkt werden. Ihr "Wunschbilder-Programm" ist ein zentrales Thema, in dem sie Wünsche ihrer Mitmenschen humorvoll und ironisch in Aquarellen umsetzt.
|
||||||
|
Im Laufe ihrer Karriere hat Kirsten Klöckner zahlreiche bemerkenswerte Ausstellungen gehabt, darunter "Science fiction, Teil 1: der Plan" (1992), "Eingemachtes" (1997), "Aquarelle + Multiples" (2004), und "Wunschbilder" (2015). Ihre Werke wurden in der Akademie der Künste in Berlin und in großen Galerien bundesweit ausgestellt. Sie hat auch an vielen Gruppenausstellungen teilgenommen, die ihre Vielseitigkeit und ihren Einfluss in der Kunstszene unterstreichen.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<a href="">
|
||||||
|
Read More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
<img src="images/plug.png" alt="">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Ihre Kunst ist in renommierten Sammlungen wie dem Kunstmuseum Düsseldorf, der Sammlung Falckenberg in Hamburg und der Kunstsammlung der Landesbank Baden-Württemberg in Stuttgart vertreten. Klöckner hat auch eine beeindruckende Liste von Veröffentlichungen, darunter "Heimatmelodie" (1989) und "Musenbesuch - BeuteKunst II" (2013), die einen tieferen Einblick in ihre kreativen Prozesse bieten.
|
||||||
|
Als "eine der humorvollsten" Künstlerinnen von Klaus Staeck, dem Präsidenten der Berliner Akademie der Künste, bezeichnet, wird Kirsten Klöckner sowohl von der Kunstgemeinschaft als auch von der breiten Öffentlichkeit geschätzt und anerkannt. Ihre kreative Zusammenarbeit mit APROTO - Aktionen und Projekte pro Toleranz - hat besondere Aufmerksamkeit erregt. Das „Toleranz-Virus“, ein Aquarell und eine Skulptur von Kirsten Klöckner, wurde umgesetzt, um Toleranz in schwierigen Zeiten zu fördern. Das Aquarell und die Skulptur werden als APROTO-Toleranzpreis verliehen.
|
||||||
|
Kirsten Klöckner's Reise durch die Kunstwelt ist eine, die von Humor, Intelligenz und einem unermüdlichen Streben nach kreativem Ausdruck geprägt ist. Ihre Werke und ihr Einfluss auf die Kunstszene zeugen von der Bedeutung und dem Wert ihrer Arbeit, und ihre fortwährende Innovation und ihr Engagement für Toleranz und Verständnis machen sie zu einer herausragenden Figur in der zeitgenössischen Kunst.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<a href="">
|
||||||
|
Read More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="img_container">
|
||||||
|
<div class="img-box b1">
|
||||||
|
<img src="images/about1.jpg" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="img-box b2">
|
||||||
|
<img src="images/about2.jpg" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end about section -->
|
||||||
|
|
@ -0,0 +1,137 @@
|
||||||
|
@page "/wunschprogramm"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="hero_area">
|
||||||
|
|
||||||
|
<!-- slider section -->
|
||||||
|
<section class=" slider_section ">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="detail_box">
|
||||||
|
<h1>
|
||||||
|
Das <br>
|
||||||
|
Wunschprogramm
|
||||||
|
</h1>
|
||||||
|
<p>
|
||||||
|
Ich mache mich zur Komplizin der Wünschenden.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-5 col-md-6 offset-lg-1">
|
||||||
|
<div class="img_content">
|
||||||
|
<div class="img_container">
|
||||||
|
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img1.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img2.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<div class="img-box">
|
||||||
|
<img src="images/slider-img3.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end slider section -->
|
||||||
|
</div>
|
||||||
|
<!-- explaining section -->
|
||||||
|
<div class="container">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- about section -->
|
||||||
|
<section class="about_section layout_padding">
|
||||||
|
<div class="container">
|
||||||
|
<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>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="detail-box">
|
||||||
|
<div class="heading_container">
|
||||||
|
<h2>
|
||||||
|
Was ist der Wunschprogramm-Assistent?
|
||||||
|
</h2>
|
||||||
|
<img src="images/plug.png" alt="">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Das Wunschprogramm von Kirsten Klöckner ist eine Reise in die Welt der Wünsche, eine faszinierende Verschmelzung von Kunst und menschlicher Sehnsucht. In einer Zeit, in der Kunst oft mit hohen Erwartungen konfrontiert ist, stellt Klöckner die Frage: Was, wenn Kunst auch Wünsche erfüllen könnte? Mit ihrem einzigartigen „Wunschbilder-Programm“ tut sie genau das.
|
||||||
|
Kirsten Klöckner hat sich auf die humorvolle und ironische Umwandlung von Wünschen ihrer Mitmenschen in Aquarelle spezialisiert. Sie interpretiert die Wünsche fantasievoll, gibt ihnen Substanz und verwandelt sie in Kunstwerke. Egal, ob es sich um einfache oder komplizierte Wünsche, kleine oder riesige, alberne oder ernsthafte Wünsche handelt, sie nimmt sie alle an und macht sie zu einem Teil ihres kreativen Prozesses. Selbst prominente Persönlichkeiten wie Bundespräsident Frank Walter Steinmeier und Showpromis wie Micaela Schäfer haben ihre Wünsche anvertraut.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<a href="">
|
||||||
|
Read More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</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">
|
||||||
|
<img src="images/plug.png" alt="">
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
In ihren eigenen Worten beschreibt Klöckner das Wunschprogramm als eine Möglichkeit, sich etwas zu wünschen, in einer Welt, in der die Kunst oft schwer beschäftigt ist. „Ich lebe in einer Zeit, in der das Wünschen hilft“, sagt sie und fügt hinzu: „Ich mache mich zur Komplizin der Wünschenden.“
|
||||||
|
Das „Wunschprogramm“ von Kirsten Klöckner ist mehr als nur eine künstlerische Technik. Es ist eine Einladung, über unsere Wünsche nachzudenken und sie in die Welt der Kunst zu bringen. Es ist eine Möglichkeit, unsere tiefsten Sehnsüchte und Träume in einer Form zu sehen, die sowohl schön als auch nachdenklich ist. Es ist eine Erinnerung daran, dass die Kunst immer noch die Kraft hat, uns zu überraschen, zu inspirieren und uns etwas zu wünschen.
|
||||||
|
Die Kunst des Wünschens, wie sie von Klöckner praktiziert wird, ist ein lebendiger Dialog zwischen dem Künstler und dem Betrachter, eine Möglichkeit, die oft flüchtigen Gedanken und Sehnsüchte in etwas Greifbares und Bleibendes zu verwandeln. Es ist eine Reise, die uns alle einlädt, Teilnehmer und Zeugen der Transformation von Wünschen in Kunst zu sein, und es ist ein Beweis dafür, dass Kunst immer noch die Macht hat, uns auf unerwartete und wunderbare Weise zu berühren.
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<a href="">
|
||||||
|
Read More
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="img_container">
|
||||||
|
<div class="img-box b1">
|
||||||
|
<img src="images/about1.jpg" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="img-box b2">
|
||||||
|
<img src="images/about2.jpg" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end about section -->
|
||||||
|
|
@ -60,9 +60,9 @@
|
||||||
|
|
||||||
<script src="_framework/blazor.server.js"></script>
|
<script src="_framework/blazor.server.js"></script>
|
||||||
|
|
||||||
@*
|
|
||||||
<script src="js/jquery-3.4.1.min.js"></script>
|
<script src="js/jquery-3.4.1.min.js"></script>
|
||||||
<script src="js/bootstrap.js"></script>*@
|
<script src="js/bootstrap.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -10,10 +10,139 @@
|
||||||
*@
|
*@
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
<!-- 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="/">Home </a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/aiart"> Bilder generieren</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/wunschprogramm"> Wunschprogramm </a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/kirstenkloeckner"> Über Kirsten Klöckner </a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="gallery">Galerie </a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- end header section -->
|
||||||
|
|
||||||
<article class="content px-4">
|
<article class="content px-4">
|
||||||
@Body
|
@Body
|
||||||
</article>
|
</article>
|
||||||
|
<!-- 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 Nackenbox
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- footer section -->
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 MiB |
Loading…
Reference in New Issue