SHARE
TWEET

Untitled

zeeph Apr 17th, 2019 104 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <link rel="stylesheet" href="assets/style.css">
  9.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  10.         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  11.     <script src='https://api.mapbox.com/mapbox.js/v3.2.0/mapbox.js'></script>
  12.     <link href='https://api.mapbox.com/mapbox.js/v3.2.0/mapbox.css' rel='stylesheet' />
  13.     <title>Ip detector 🖧</title>
  14.     <script src="assets/ipdetector.js"></script>
  15.     <link rel="icon" type="img/png" href="img/JavaScript-logo.png" />
  16.  
  17. </head>
  18.  
  19. <body>
  20.  
  21.     <header>
  22.         <nav class="navbar navbar-light bg-transparent mx-auto" style="width : 15vw;">
  23.             <a class="navbar-brand" href="index.html">
  24.                 <img src="img/JavaScript-logo.png" width="30" height="30" class="d-inline-block align-top" alt="navbar">
  25.                 Javascript cours
  26.             </a>
  27.         </nav>
  28.     </header>
  29.  
  30.     <div class="container">
  31.         <div class="input-group mt-5">
  32.             <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default"
  33.                 placeholder="Rechercher une adresse ip (ex: 77.136.19.117)" id="rechercheform" />
  34.             <div class="input-group-append">
  35.                 <button class="btn btn-outline-primary" type="button" id="recherchebtn">Rechercher</button>
  36.                 <button class="btn btn-outline-info" type="button" id="monIp">Mon IP</button>
  37.             </div>
  38.         </div>
  39.  
  40.         <div class="my-3 p-3 bg-white rounded shadow-sm d-none" id="rechercheDisplay">
  41.             <h6 class="border-bottom border-gray pb-2 mb-0">Résultat de la recherche :</h6>
  42.             <div class="media text-muted pt-3">
  43.                 <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  44.                     <strong class="d-block text-gray-dark" id="ip" ></strong>
  45.                 </p>
  46.             </div>
  47.             <div class="media text-muted pt-3">
  48.                 <img src="" alt="flagPays" id="flagCountry" class="bd-placeholder-img mr-2 rounded">
  49.                 <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  50.                     <strong class="d-block text-gray-dark" id="paysName"></strong>
  51.                 </p>
  52.             </div>
  53.             <div class="media text-muted pt-3">
  54.                 <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
  55.                     <strong class="d-block text-gray-dark" id="fai"></strong>
  56.                 </p>
  57.             </div>
  58.             <small class="d-block text-right mt-3">
  59.                 <a href="#">5€ paypal maintenant</a>
  60.             </small>
  61.         </div>
  62.  
  63.         <div class="card text-center rounded shadow-sm rounded mt-4 d-none" id="mapReveal">
  64.             <div id='map'></div>
  65.         </div>
  66.  
  67.     </div>
  68.  
  69. </body>
  70.  
  71. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top