NeurOp website

Clicking the links in menubar going crazy?!

HTML

<body>
		
		<div class="navbar">

			<h1>NeurOp - Specialist in neurale oplossingen</h1>

			<ul>
				<li><a href="#home">Home</a></li> | 
				<li><a href="#neuraalNetwerk">Neuraal Netwerk</a></li> | 
				<li>Toepassingen</li> | 
				<li><a href="#overOns">Over ons</a></li> 
			</ul>


		</div>

			<div class="content">

				<div class="home">

					<h2 id="home">Neurale netwerktechnologie bereikbaar voor ieder bedrijf!</h2>
					<p>Dat is ons doel en dat bereiken we door neurale netwerk technologie toe te passen op bestaande sets data. Bedrijven kunnen zo direct profiteren van de voordelen die deze krachtige technologie biedt. En omdat veel bedrijven hun data verzamelen in Excel, bieden wij de mogelijkheid onze technologie in Excel te gebruiken.</p>

					<div class="lijnDun"></div>

					<h2>Wat doet een neuraal netwerk</h2>
					<p>Een neuraal netwerk is een zelf lerend computermodel. Het leert aan de hand van praktijkvoorbeelden, waar reguliere computermodellen worden gemaakt met behulp van business rules. Wil je een auto leren om zelf te rijden aan de hand van business rules, dan zal een oneindige set rules het gevolg zijn. Je kunt ook een zelf lerende computer laten &#39;meerijden&#39; met een goede chauffeur.</p>

				</div>

				<div class="lijnDun"></div>
				
				<div class="neuraalNetwerk" id="neuraalNetwerk">

					<h2>Ervaring is de beste leermeester</h2>
					<p class="ervaringLeermeester"><img src="../Media/pcHersenen.png" class="pcHersenen"><p>
					<p class="ervaringLeermeesterTekst">In het zenuwstelsel van een mens geven zenuwcellen via verbindingen signalen aan elkaar door. De sterkte van die signalen is gebaseerd op onze ervaring. Dus wanneer we bezig zijn met leren / oefenen, zijn we de verbindingen in ons brein aan het trainen. Door iets vaker te doen worden we er beter in. Iemand met heel veel ervaring, is een expert.<br><br>Een neuraal netwerk werkt precies zo. Het is een computermodel dat is samengesteld uit neuronen en verbindingen...

CSS

/************/
/* MENUBALK */
/************/
.navbar {
	background-color: #60C8FF;
	width: 100%;
    height: 120px;
	border-bottom: 3px solid #36B9FF;
    position: fixed;
    top: -5px;
}

.navbar h1 {
	padding: 5px;
	border-bottom: none;
	text-align: center;
}

.navbar li {
	display: inline;
	width: 100%;
}

.navbar ul {
	text-align: center;
	width: 100%;
    position: fixed;
    top: 50px;
}

/**********/
/* FOTO'S */
/**********/

.afbeeldingTekst {
	margin-top: 0px;
}

/********************/
/* LIJN ONDER KOPJE */
/********************/

.lijnDik {
	border-top: solid 4px #36B9FF;
}

.lijnDun {
	border-top: solid 2px #36B9FF;
}

/***********/
/* CONTENT */
/***********/

.content {
	width: 70%;
	margin: auto;
}

.home {
	margin-top: 120px;
}

.machineLearning {
	border-bottom: 2px solid #36B9FF;
	width: 100%;
}

.pcHersenen {
	width: auto;
	height: auto;
	max-width: 90px;
	margin-top: -16px;
}

.ervaringLeermeester {
	float: left;
}

.commercie {
	margin-top: -15px;
	margin-left: -20px;
	list-style-type: square;
}

.overOns {
	width: 100%;
}

.pasfoto {
	width: auto;
	height: 150px;
	border-radius: 30px;
}

.pasfotoP {
	display: inline-block;
}

.pfJeroen {
	margin-left: 30px;
}

/**********/
/* FOOTER */
/**********/


.footer {
	background-color: #303030;
	color: #FFF;
	height: auto;
	display: inline-block;
	width: 100%
}

.footer p {
	display: inline-block;
}

.footer .links a {
	color: #FFF;
	text-decoration: none;
	pointer-events: none;
    cursor: text;
}

.footer .rechts a {
	color: #FFF;
}

.footer .rechts {
	float: right;
	margin-right: 10px;
}

.footer .links {
	float: left;
	margin-left: 10px;
}