sdtuy/index.html at master · mobes/sdtuy · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link href="styles/style.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <h1 class="text-primary text-center">Dieter Rams</h1>
<div class="container"><div class="row">
 <h2>Un gran pionero del diseño</h2>
  <p>
Los principios establecidos por Dieter Rams han tenido una gran influencia sobre numerosos diseñadores, pero muy pocos respetan todos y cada uno de sus diez principios fundamentales del diseño citados a continuación.
  </p></div>
<div class="col-m-12">
  <ul>
  <li>Es innovador</li>
  <li>Provee de utilidad a cada producto</li>
  <li>Es estético</li>
  <li>Hace un producto comprensible</li>
  <li>Es discreto</li>
  <li>Es honesto</li>
  <li>Tiene un valor anacrónicamente duradero</li>
  <li>Concibe exhaustivamente hasta el último detalle</li>
  <li>Respeta el medio ambiente</li>
  <li>Es diseño en su absoluta mínima expresión</li>
</ul>
 </div>
  <div class="thumbnail"><image src="https://i.telegraph.co.uk/multimedia/archive/01912/rams0_1_1912626b.jpg"> </div>
 <div class="text-center"><a href="https://es.wikipedia.org/wiki/Dieter_Rams">Link a Wikipedia</a>
</div>
</div>
</div>
  <div class="container-fluid">
  <div class = "row text-center">
  <h2>Cual es mi IP?</h2>
  </div>
  <div class = "row text-center">
  <div class = "col-xs-12 well message">
  ver el jason
  </div>
  </div>
  <div class = "row text-center">
  <div class = "col-xs-12">
  <button id = "getIpinfo" class = "btn btn-primary">
  Get Message
  </button>
  </div>
  </div>
  </div>
  </body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function() {

  $("#getIpinfo").on("click", function(){

  $.getJSON("http://ip-api.com/json", function(json) {
  $(".message").html(JSON.stringify(json));
  });
  });
  });
  </script>
</html>