Merge branch 'dev'

Hypernova-II · Feb 19, 2020 · 3432131 · 3432131
2 parents e36cb00 + 15d288f
commit 3432131
Show file tree

Hide file tree

Showing 36 changed files with 1,796 additions and 746 deletions.
diff --git a/contact-form-handler.php b/contact-form-handler.php
@@ -0,0 +1,30 @@
+<?php 
+$name = $phone = $email = $message = "";
+if($_SERVER['REQUEST_METHOD'] == 'POST'){
+
+    $name = $_POST['name'];
+    $phone = $_POST['phone']; 
+    $email = $_POST['email'];
+    $message = $_POST['message'];
+    $email_from = '[email protected]';
+
+    $email_subject = "New form submission";
+
+    $email_body = "User Name: $name.\n".
+                        "User Number: $phone.\n".
+                            "User Email: $email.\n".
+                                "User Message: $message.\n";
+
+
+    $to = "[email protected]";
+
+    $headers = "From: $email_from \r\n";
+
+    $headers .= "Reply-To: $email \r\n";
+    mail($to,$email_subject,$email_body,$headers);
+
+    header("Location: index.html");
+
+}
+
+?>
diff --git a/css/PRICING/_mixins.scss b/css/PRICING/_mixins.scss
@@ -8,15 +8,14 @@
         margin: 2.5rem 0rem;
         box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
         transition-duration: 0.3s;
+        background-color: white;
+
         &:hover{
-            transform: scale(1.1);
+            transform:scale(1.1) ;
             .prix{
-                background-color: #658da7;
-            }
-            .detail{
-                background-color: #658da7;
-
+                background-color: #658DA7;
             }
+
         }
         .heading{
             font-size: 24px;
@@ -32,41 +31,56 @@
             width: 100%;
             transition-duration: 0.6s;
          }
-        .ul{
-           line-height: 36px;
-           hr{
-               width: 120%;
-               margin-left: -3rem;
-            }
-            li{
-                list-style-type: none;
-            }
-        }
-        .detail{
-                width: 90px; 
-                background-color: #f0f0f0;  
-                height: 42px;
-                border-radius: 13px;
-                margin-bottom: 1.5rem;
-                padding: 1rem 0rem 0rem 2rem;
-                transition-duration: 0.5s;
-                &:hover{
-                    transform: scale(1.1);
-                    a{
-                        color: white;
-
-                    }
-                }
+         .ul{
+            line-height: 36px;
+            padding: 1rem 0rem;
+             li{
 
+                 list-style-type: none;
+                 border-bottom: 1px solid black;
+             }
+         }
+         .btn{
+
+            width: 90px; 
+            background-color: #f0f0f0;  
+            height: 42px;
+            border-radius: 13px;
+            margin: auto;
+            padding: 1rem 0rem 0.2rem 2rem;
+            transition-duration: 0.5s;
+            margin-bottom: 1rem;
+            &:hover{
+                transform: scale(1.1);
+                background-color: #658da7;
 
-            a{
-                text-decoration: none;
-                color: black;
-                font-size: 20px;
+                a{
+                    color: white;
+                }
             }
+
+
+        a{
+            text-decoration: none;
+            color: black;
+            font-size: 20px;
         }
+    }
 
 
+}
+@mixin details {
+    z-index: -1;
+    justify-self: center;
+    border:none;
+    border-radius: 20px;
+    margin: 2.5rem 0rem;
+    transition-duration: 0.3s;
+    background-color: white;
+    width: 360px;
+    text-align: center;
+
+
 }