58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" href="normalize.css">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<title>Home</title>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<div id="photos-box" class="box">
|
|
<div class="photos" id="photos-div"></div>
|
|
<div class="photos-controls">
|
|
<button id="photos-prev">Anterior</button>
|
|
<span id="photos-page">1</span>
|
|
<button id="photos-next">Siguiente</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="search-box" class="box">
|
|
<input id="search-input" name="search" placeholder="Buscar en DuckDuckGo"/>
|
|
</div>
|
|
|
|
<div id="weather-box" class="box">
|
|
<div class="weather-description">
|
|
<span class="weather-degrees">99º</span>
|
|
<span class="weather-where">Nether</span>
|
|
</div>
|
|
<img class="weather-icon" src="http://openweathermap.org/img/wn/04n@4x.png"/>
|
|
</div>
|
|
|
|
<div id="custom-box" class="box">
|
|
<pre>
|
|
</pre>
|
|
</div>
|
|
|
|
<div id="currency-box" class="box">
|
|
<div class="currency">
|
|
<input class="input" id="currency-money" type="number" value="1"/>
|
|
|
|
<div class="select-group">
|
|
<select class="select" id="currency-from"></select>
|
|
<span class="arrow">→</span>
|
|
<select class="select" id="currency-to"/></select>
|
|
</div>
|
|
|
|
<input class="result" id="currency-result" readonly="readonly">
|
|
<button class="button" id="update-currency">Actualizar</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script defer src="script.js"></script>
|
|
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
|
|
</body>
|
|
</html>
|