diff options
author | Joris | 2018-10-15 22:08:26 +0200 |
---|---|---|
committer | Joris | 2018-10-15 22:08:26 +0200 |
commit | 1d78fa3243818bbc7ecc0bed26b0b24c213c43a3 (patch) | |
tree | e9a58c11a119e3c98abb161ff0755de8fed2714e | |
parent | 14a2930c20bf285785bd310e2945bb155d0026bf (diff) | |
download | electricite-chisloup-1d78fa3243818bbc7ecc0bed26b0b24c213c43a3.tar.gz electricite-chisloup-1d78fa3243818bbc7ecc0bed26b0b24c213c43a3.tar.bz2 electricite-chisloup-1d78fa3243818bbc7ecc0bed26b0b24c213c43a3.zip |
Add simple page
-rw-r--r-- | icon.png | bin | 0 -> 2625 bytes | |||
-rw-r--r-- | index.html | 45 | ||||
-rw-r--r-- | main.css | 69 |
3 files changed, 114 insertions, 0 deletions
diff --git a/icon.png b/icon.png Binary files differnew file mode 100644 index 0000000..b3c0b99 --- /dev/null +++ b/icon.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..409dd2d --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + <head> + <title>Électricité CHISLOUP</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="Électricité CHISLOUP"> + <meta name="keywords" content="électricité, Grand-Champ, Brandivy"> + <link rel="stylesheet" href="main.css" /> + <link rel="icon" href="icon.png" /> + </head> + + <body> + <header> + <h1>Électricité CHISLOUP</h1> + </header> + + <h2>CHISLOUP Tony</h2> + <div>Néherlann 35390 GRAND-CHAMP</div> + <div>06 22 88 10 40</div> + <a href="mailto:chisloup.electricite@gmail.com">chisloup.electricite@gmail.com</a> + + <ul> + <li>électricité générale neuf et rénovation</li> + <li>domotique</li> + <li>chauffage</li> + <li>ventilation</li> + <li>cloisons sèches</li> + </ul> + + <p> + Prestations à Grand-Champ, Brandivy. Contactez-moi pour avoir plus + d’information. + </p> + + <iframe + class="map" + frameborder="0" + scrolling="no" + marginheight="0" + marginwidth="0" + src="https://www.openstreetmap.org/export/embed.html?bbox=-3.4030151367187504%2C47.5996813120644%2C-2.4966430664062504%2C48.04503763958813&layer=mapnik"></iframe> + + </body> +</html> diff --git a/main.css b/main.css new file mode 100644 index 0000000..8be1388 --- /dev/null +++ b/main.css @@ -0,0 +1,69 @@ +html { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +*, *:before, *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; +} + +html { + margin: 0; + padding: 0; +} + +@media only screen and (min-width: 600px) { + html { + background-color: #1E1B18; + height: 100%; + } +} + +@media only screen and (min-width: 600px) { + body { + margin: 0 auto 70px; + padding: 15px 20px 0; + width: 50%; + min-width: 500px; + min-height: calc(100% - 70px); + font-size: 18px; + background-color: white; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } +} + +@media only screen and (max-width: 600px) { + body { + margin: 25px; + font-size: 16px; + } +} + +h1 { + color: #E90707; + font-size: 26px; +} + +h2 { + font-size: 16px; +} + +ul { + list-style: none; + padding-left: 10px; +} + +li::before { + content: "•"; + color: #E90707; + margin-right: 10px; +} + +.map { + width: 100%; + height: 400px; +} |