Biisl Arsch verspeist
@ -134,7 +134,7 @@ a:focus {
|
||||
|
||||
.navbar-brand img {
|
||||
margin-right: 5px;
|
||||
width: 35px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.navbar-brand span {
|
||||
@ -216,6 +216,7 @@ a:focus {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
|
||||
.slider_section .row {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
|
||||
@ -153,19 +153,21 @@ a:focus {
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
margin-right: 5px;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: $primary1;
|
||||
}
|
||||
img {
|
||||
margin-right: 5px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
color: $primary1;
|
||||
}
|
||||
}
|
||||
|
||||
.custom_nav-container {
|
||||
@ -230,91 +232,89 @@ a:focus {
|
||||
|
||||
/* slider section */
|
||||
.slider_section {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: #3b3a3a;
|
||||
padding-bottom: 90px;
|
||||
|
||||
.row {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: #3b3a3a;
|
||||
padding-bottom: 90px;
|
||||
|
||||
|
||||
|
||||
.detail_box {
|
||||
color: $black;
|
||||
|
||||
h1 {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
.row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 20px;
|
||||
.detail_box {
|
||||
color: $black;
|
||||
|
||||
h1 {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
@include hero_btn($primary1, $white, 10px, 40px, 35px);
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@include hero_btn($primary1, $white, 10px, 40px, 35px);
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
.img_container {
|
||||
border: 7px solid #7b57b2;
|
||||
border-radius: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
div#carouselExampleContarols {
|
||||
width: 100%;
|
||||
position: unset;
|
||||
|
||||
|
||||
.img_container {
|
||||
border: 7px solid #7b57b2;
|
||||
border-radius: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
div#carouselExampleContarols {
|
||||
width: 100%;
|
||||
position: unset;
|
||||
}
|
||||
|
||||
.img-box {
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.img-box {
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
top: initial;
|
||||
left: initial;
|
||||
bottom: 5%;
|
||||
right: 10%;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
border: none;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 8px;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-control-prev {
|
||||
background-image: url(../images/prev.png);
|
||||
background-color: $white;
|
||||
transform: translate(-85px, 30px);
|
||||
}
|
||||
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
top: initial;
|
||||
left: initial;
|
||||
bottom: 5%;
|
||||
right: 10%;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
border: none;
|
||||
border-radius: 100%;
|
||||
opacity: 1;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 8px;
|
||||
background-position: center;
|
||||
|
||||
}
|
||||
|
||||
.carousel-control-prev {
|
||||
background-image: url(../images/prev.png);
|
||||
background-color: $white;
|
||||
transform: translate(-85px, 30px);
|
||||
}
|
||||
|
||||
.carousel-control-next {
|
||||
background-image: url(../images/next.png);
|
||||
background-color: $primary1;
|
||||
transform: translate(-45px, 0);
|
||||
}
|
||||
.carousel-control-next {
|
||||
background-image: url(../images/next.png);
|
||||
background-color: $primary1;
|
||||
transform: translate(-45px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
// end slider section
|
||||
|
||||
|
||||
// service section
|
||||
|
||||
.service_section {
|
||||
@ -509,6 +509,7 @@ a:focus {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
border: none;
|
||||
@include hero_btn($primary1, $white, 12px, 45px, 0px);
|
||||
|
||||
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 3.7 MiB |
BIN
KIKunstKirstenKlöckner/wwwroot/images/Keks.jpg
Normal file
|
After Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 4.6 MiB After Width: | Height: | Size: 139 KiB |
|
Before Width: | Height: | Size: 3.6 MiB After Width: | Height: | Size: 110 KiB |
@ -7,4 +7,4 @@ Hier findest du Beispiele, wie der Promt aussehen soll:
|
||||
<EFBFBD>Painting representing the sound of jazz music, using pale colors and erratic shapes.<2E>
|
||||
|
||||
Der Promt selber darf auf keinen Fall abstrakt sein, man muss durch den Promt ein genaues Bild vor Augen haben.
|
||||
Verwende dabei keine fotorealistischen Elemente, sondern Siloutten und Konturen.
|
||||
Verwende dabei keine fotorealistischen Elemente, sondern Siloutten,Konturen und Formen. Es darf nicht zu viele Details enthalten.
|
||||
|
||||