Responsive Login Form in Navbar
Her kommer en html dokument<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="/Image/favicon.ico.png">
<title>OmkringOs</title>
</head>
<body>
<div id="pagewith">
<header>
<div class="container">
<div class="col-12 col-s-12 branding">
<h1><span class="highlight">Tordbjørn´s</span> Vinduespolering</h1>
</div>
<div class="col-12 col-s-12 nav">
<div class="topnav" id="myTopnav">
<a href="index.html" class="active">Home</a>
<a href="aboutus.html">Om Os</a>
<a href="contact.html">Kontact</a>
<a href="cervices.html">Cervices</a>
<a href="datapolicy.html">Datapoletik</a>
<a href="login.html">Login</a>
<a href="java script:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div style="padding-left:16px">
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</div>
</div>
</header>
<section class="showcase">
<div class="col-12 col-s-12 container">
<h1>Kommer i hele centrale Mitjylland</h1>
</div>
</section>
<section class="abou">
<div class="container">
<article class="col-7 col-s-7 abou_us">
<h1 class="page-title">Om os</h1>
<h3>Tordbjørn Albertsen.</h3>
<p>Jeg er vinduespudser, har været det i 34 år. Jeg er en indflytter hvor jeg flyttede fra Norge til Danmark i 1979. Hvis i undrer jer på min accent, så er det derfor. Jeg startede i 1985 som lønmodtager hos Bille's Vinduespolering i Ikast og var der til 2001 hvor jeg derefter blev selvstændig. Jeg kører i mange områder i midtjylland, cirka 35 kilometer i alle retninger fra mit udgangspunkt Isenvad.
Tordbjørn Albertsen Sandgårdsparken 35 Isenvad 7430 Ikast CVR:. 25296303</p>
</article>
<div class="billed">
<img src="./Image/tord.jpg">
</div>
</div>
</section>
<section class="nav-botton">
<div class="container">
<div class="col-4 col-s-4 box1">
<h1><span class="highlight"><em>Vinduespoleirng</span></em></h1>
<ol>
<li><span class="highlight">Hurtig respons.</span></li>
<li><span class="highlight">Klare glas.</span></li>
<li><span class="highlight">God services.</span></li>
</ol>
</div>
<div class="col-4 col-s-4 box">
<h1><span class="highlight">Kunden siger!</span></h1>
<p>Tusind tak for superfin vinduer.<br>Vores hverdag bliver mere lys, når du har været her !! <br>Mange hilsner Helle “Ikastvej"</p>
</div>
<div class="col-4 col-s-4 box">
<h1><span class="highlight">Kunden siger!</span></h1>
<p>“Mange tak for superfin vinduespolering og så hurtig respons”
<br>Karina, Sunds</p>
</div>
</div>
</section>
<footer>
<div class="footer">
<a>Tordbjørn`s webdisegn og webmaster er copiright © 2018</a>
<p> Tlf.nr.: 40 206 344</p> <a href="mailto:mail@tordvin.dk">mail@tordvin.dk</a>
</div>
</footer>
</div>
</body>
</html>
Hvis i går ind på tordvin.dk i en mobil så kan i se hjem menuen perfekt men hvis den er i index ,men hvis i trykker på den lille knap i højre hjørne så og går over til aboutus så bliver den lille hvide knap usyneligi hvis du kører fingern let hen over skærmen så lige plutselig så kommer den frem. Den er blevet skubbet op istedet for at den skal udvide bjælken ned ad når det bliver til en mobil enhed.
Det er den på alle sammen untaget på index. For jeg har taget den fra index og kopereret den over i de andre