test

goto.js

@@ -13,17 +13,26 @@
 
 
 // jquery
-$(document).ready(function(){
+$(document).ready(function () {
     $.ajax('http://172.105.205.52:8000/tags', {
-    type: 'GET',  // http method
-    headers: {'Access-Control-Allow-Origin': '*'},
-    success: function (res) {
-        var a  = res;
-        console.log(res);
-    },
-    error: function (err) {
-        console.log(err);
-    }
+        type: 'GET',  // http method
+        headers: { 'Access-Control-Allow-Origin': '*' },
+        success: function (res) {
+            var a = res;
+            console.log(res);
+            var d = JSON.parse(res);
+            alert(d[0].name);
+            
+        },
+        
+        error: function (err) {
+            console.log(err);
+        }
+    });
+    $("#submit").bind('click', function () {
+        var idiom = $("#idiom").val();
+
+    });
 });
 
 // $.get("date-time.php", function(data){
@@ -31,8 +40,8 @@ $(document).ready(function(){
 // });
 
 $(".slider1").slick({
-    dots:true,
-    dotsClass:'slick-dots',
-    speed:1000, 
-   
-  });
+    dots: true,
+    dotsClass: 'slick-dots',
+    speed: 1000,
+
+});

style.css

@@ -104,6 +104,13 @@ body hr {
   text-align: center;
 }
 
+@media screen and (max-width: 1024px) {
+  #logo {
+    width: 80vw;
+    margin: 0 auto;
+  }
+}
+
 #logo .logo {
   padding: 15px;
   width: 150px;

style.scss

@@ -3,6 +3,16 @@
     padding: 0;
     box-sizing: border-box;
 }
+
+$desktop: 1025px;
+$table: 1024px;
+$moblie: 767px;
+
+@media screen and(max-width:$table) {
+}
+@media screen and(max-width:$moblie) {
+    
+}
 body {
     height: 2800px;
     hr{
@@ -81,6 +91,10 @@ body {
 #logo{
     width: 100vw;
     text-align: center;
+    @media screen and(max-width:$table) {
+        width: 80vw;
+        margin: 0 auto;
+    }
     .logo{
     padding: 15px;
     width: 150px;