📦 NEW: initial commit

app/js/sendMessage.js

@@ -0,0 +1,13 @@
+function sendEmail() {
+  Email.send({
+      SecureToken : "51eaed79-1e33-457f-82da-509c75a6b888",
+      To : 'vrixenmendoza@gmail.com',
+      From : 'vrixen2000@gmail.com',
+      Subject : document.getElementById("subject").value,
+      Body : "Name : " + document.getElementById("name").value 
+      + "<br> Email : " + document.getElementById("email").value
+      + "<br> Message : " + document.getElementById("message").value
+  }).then(
+    message => alert("Message Send Successfully")
+  );
+}

app/scss/_footer.scss

@@ -0,0 +1,10 @@
+.footer {
+    padding: 2.5rem;
+    text-align: center;
+
+    &__item {
+        p {
+            color: white;
+        }
+    }
+}

app/scss/_globals.scss

@@ -0,0 +1,18 @@
+html {
+    font-size: 100%;
+    box-sizing: border-box;
+}
+
+*, *::before, *::after {
+    box-sizing: inherit;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+}
+
+.contact-us {
+    padding-bottom: 4.5rem;
+}

app/scss/_mixins.scss

@@ -0,0 +1,21 @@
+//Breakpoints
+
+@media (min-width: 64em) {
+    //style go here
+   }
+   // 640px, 1024px, 1400px
+   $breakpoints-up: ("medium": "40em", "large": "64em", "xlarge": "87.5em");
+   // 639px, 1024px, 1399px
+   $breakpoints-down: ("small": "39.9375em","medium": "63.9375em", "large": "87.4375em");
+
+   @mixin breakpoint-up($size) {
+       @media (min-width: map-get($breakpoints-up, $size)) {
+           @content;
+       }
+   }
+
+   @mixin breakpoint-down($size) {
+       @media (max-width: map-get($breakpoints-down, $size)) {
+           @content;
+       }
+   }

app/scss/style.scss

@@ -0,0 +1,3 @@
+@import "mixins";
+@import "globals";
+@import "footer.scss";