hanze/muizenval

commit b225173aa291a0e799c971b6909eab35b89a8724
parent 52ab36175313bc21e8b9322d4579e7008e702ce2
Author: xd <[email protected]>
Date:   Thu, 30 Jun 2022 13:36:55 +0200

nieuwe plaatjes

Diffstat:
M
server/static/main.css
12
+++++++++---
A
server/static/product_pics/1.jpeg
0

A
server/static/product_pics/2.jpeg
0

A
server/static/product_pics/3.jpeg
0

A
server/static/product_pics/4.jpeg
0

M
server/static/product_pics/Dashboard.jpg
0

A
server/static/product_pics/dash1.jpg
0

A
server/static/product_pics/dash2.jpg
0

M
server/templates/index.html
18
++++++++++++++----

9 files changed, 23 insertions(+), 7 deletions(-)
diff --git a/server/static/main.css b/server/static/main.css
@@ -1,5 +1,6 @@

 body {
   background-color: #efefef;
+  font-size:25px;
 }
 
 #side_nav{
@@ -18,14 +19,18 @@ body {

 }
 
 .carousel .carousel-item {
-  max-height: 700px;
+
 }
 
 .carousel-item img {
-  height: 50%;
-  width: 50%;
+  max-width: 100%;
+  height: auto;
 }
 
+.flex-img{
+  max-width:100%;
+  max-height:100%;
+}
 .content-section {
   background: #ffffff;
   padding: 10px 20px;
@@ -36,6 +41,7 @@ body {

 
 #kutcss{
   width: 50%;
+  padding: 10px;
 }
 .account-img {
   height: 125px;
diff --git a/server/static/product_pics/1.jpeg b/server/static/product_pics/1.jpeg
Binary files differ.
diff --git a/server/static/product_pics/2.jpeg b/server/static/product_pics/2.jpeg
Binary files differ.
diff --git a/server/static/product_pics/3.jpeg b/server/static/product_pics/3.jpeg
Binary files differ.
diff --git a/server/static/product_pics/4.jpeg b/server/static/product_pics/4.jpeg
Binary files differ.
diff --git a/server/static/product_pics/Dashboard.jpg b/server/static/product_pics/Dashboard.jpg
Binary files differ.
diff --git a/server/static/product_pics/dash1.jpg b/server/static/product_pics/dash1.jpg
Binary files differ.
diff --git a/server/static/product_pics/dash2.jpg b/server/static/product_pics/dash2.jpg
Binary files differ.
diff --git a/server/templates/index.html b/server/templates/index.html
@@ -4,10 +4,16 @@

   <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
     <div class="carousel-inner">
       <div class="carousel-item active">
-        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/Benni.jpg')}}" alt="First slide">
+        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/3.jpeg')}}" alt="First slide">
       </div>
       <div class="carousel-item">
-        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/Dashboard.jpg')}}" alt="Second slide">
+        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/1.jpeg')}}" alt="Second slide">
+      </div>
+      <div class="carousel-item">
+        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/2.jpeg')}}" alt="Second slide">
+      </div>
+      <div class="carousel-item">
+        <img class="d-block w-100" src="{{url_for('static', filename='product_pics/4.jpeg')}}" alt="Second slide">
       </div>
     </div>
     <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
@@ -28,7 +34,9 @@

   </div>
   <div class="p-2">
     <div class="d-flex flex-row">
-      <div class="p-2" id="kutcss">Flex item 1</div>
+      <div class="p-2" id="kutcss">
+        <img class="flex-img" src="{{url_for('static', filename='product_pics/dash1.jpg')}}" alt="somethign">
+      </div>
       <div class="p-2" id="kutcss">
         Functionaliteiten:</br>
       </br>
@@ -52,7 +60,9 @@

       </br>
         - U koopt vallen. Een val kost €17,50 per stuk.     
       </div>
-      <div class="p-2" id="kutcss">Flex item 2</div>
+      <div class="p-2" id="kutcss">
+        <img class="flex-img" src="{{url_for('static', filename='product_pics/dash2.jpg')}}" alt="somethign">
+      </div>
     </div>
   </div>
 </div> 

Generated by gitin!