Crud php

2.landing-page-vanila/css/footer.css

@@ -0,0 +1,24 @@
+
+  .footer {
+    background-color: #e8e8e4;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    padding: 15px;  
+    flex: 1;
+}
+
+.footer-text {
+   display: flex;
+   flex-direction: column;
+   font-size: smaller;
+   justify-content: right;
+}
+
+#footer-phone {
+    margin-top:-0.0008px;
+}
+
+#footer-adress {
+    margin-top: -2mm;
+}

2.landing-page-vanila/css/gallery.css

@@ -0,0 +1,90 @@
+.mySlides img{
+    border-radius: 20px;
+    margin-bottom: 10px;
+}
+
+.column1 img {
+    border-radius: 20px;
+    width: 80%;
+
+} 
+li::before {
+    margin-left: 0.3cm;
+    position: absolute;
+    left: 5px;
+    content: "\2713";
+    color: #666;
+}
+
+#pict {
+    margin-left: 5px;
+}
+
+.image-gallery{
+    display: flex;
+    flex-direction: row;
+    margin-left: 4%;
+}
+
+.img1 {
+    width: 40px;
+    height: 40px;
+    margin-left: 0.3cm;
+    margin-right: 0.3cm;
+    flex-direction: row;
+
+}
+
+img{
+    max-width: 100%;
+    max-height: 100%;
+    vertical-align: middle;
+
+}
+
+.upper-img{
+flex: 4;
+}
+
+.lower-img{
+    flex: 1;
+
+}
+
+@media (max-width: 600px) {
+    .row {
+      -webkit-flex-direction: column;
+      flex-direction: column;
+    }
+}
+
+.middle-container {
+position: relative;
+}
+
+/* Hide the images by default */
+.mySlides {
+display: none;
+}
+
+/* Add a pointer when hovering over the thumbnail images */
+.cursor {
+cursor: pointer;
+}
+
+
+/* Six columns side by side */
+.column1 {
+    display: flex;
+    flex:1;
+}
+
+/* Add a transparency effect for thumnbail images */
+.demo {
+opacity: 0.6;
+}
+
+.active,
+.demo:hover {
+opacity: 1;
+}

2.landing-page-vanila/css/header.css

@@ -0,0 +1,53 @@
+
+body {
+    font-family: Arial;
+    padding: 0cm; 
+    height: 100%;
+     background-color: #e8e8e4;
+    display: flex;
+    margin:0;
+    min-height: 100vh;
+    flex-direction: column;
+  }
+
+  main {
+      flex-grow: 1;
+      display: flex;
+      flex-direction: column;
+
+  }
+
+  html {
+      font-family: 'Open Sans', sans-serif;
+  }
+
+  .header {
+  background-color: #fcd5ce;
+  padding: 10px;
+  text-align: center;
+  font-size: 20px;
+  flex: 0.5;
+  font-family: 'Lora', serif;
+  font-weight: 100 ;
+
+  }
+
+  h1 {
+      font-family: 'Acme', sans-serif;
+      font-size: 12mm;
+      letter-spacing: 2mm;
+  }
+
+  h2 {
+      font-family: 'Acme', sans-serif; 
+      margin-left: -10px;
+  }
+
+
+
+
+
+
+
+
+

2.landing-page-vanila/css/middle.css

@@ -0,0 +1,124 @@
+.body-file {
+    background-color: #fdf1ee;
+    display: flex;
+    flex: 3;
+
+}
+
+.column {
+padding: 10px;
+}
+
+.column.side {
+    flex: 1;
+
+}
+
+.column.middle { 
+    flex: 3;
+    flex-direction: column;
+}
+
+#para {
+    /* align-items: center; */
+    font-size: xx-large;
+    font-family: 'Marcellus', serif;
+    /* margin: auto; */
+    /* margin-top:1%; */
+}
+
+.column-side li {
+    margin: 14vh 0; 
+    margin-left: 1px;
+}
+
+.check-list {
+    list-style-type: none;
+    font-family: 'Acme', sans-serif;
+}
+
+
+/* form */
+
+.form {
+    background-color: #ffd7ba;
+    border-radius: 20px;
+    box-sizing: border-box;
+    padding: 20px;
+    margin-right: 1mm;
+    height: 70vh;
+    margin-top: 4vh;
+  }
+
+
+.title {
+color: #da6a6a;
+font-family: 'Acme', sans-serif;
+font-size: 36px;
+font-weight: 600;
+margin-top: 30px;
+}
+
+.input-container {
+height: 50px;
+position: relative;
+width: 100%;
+}
+
+.ic1 {
+margin-top: 40px;
+}
+
+.ic2 {
+margin-top: 30px;
+}
+
+.input {
+background-color: #f8edeb;
+border-radius: 12px;
+border: 0;
+box-sizing: border-box;
+color: #000000;
+font-size: 18px;
+height: 100%;
+outline: 0;
+padding: 4px 20px 0;
+width: 100%;
+}
+
+.input:focus ~ .placeholder,
+.input:not(:placeholder-shown) ~ .placeholder {
+  transform: translateY(-30px) translateX(10px) scale(0.75);
+}
+
+.placeholder {
+color: #000000;
+font-family: sans-serif;
+left: 20px;
+line-height: 14px;
+pointer-events: none;
+position: absolute;
+transform-origin: 0 50%;
+transition: transform 200ms, color 200ms;
+top: 20px;
+}
+
+.submit {
+background-color: #da6a6a;
+border-radius: 12px;
+border: 0;
+box-sizing: border-box;
+color: #eee;
+cursor: pointer;
+font-size: 18px;
+height: 50px;
+margin-top: 38px;
+
+text-align: center;
+width: 100%;
+}
+
+.submit:active {
+background-color: #ca4a4a;
+}
+