efnNORD – Product Certification and Consulting

HTML
<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="utf-8" />
	<meta name="author" content="True Vision | www.true-vision.net" />

	<meta name="csrf-param" content="authenticity_token" />
	<meta name="csrf-token" content="HYXJRbHsr4HRFs2FLCEufYZNwbgil3dOEA6neoqBNyE=" />

	<link rel="shortcut icon" href="images/favicon.ico" />

	<link href="css/fonts.css" media="screen" rel="stylesheet" type="text/css" />
	<link href="css/reset.css" media="screen" rel="stylesheet" type="text/css" />
	<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
	<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=ie6/ie6.html" /><![endif]-->
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<link href="css/ie.css" media="screen" rel="stylesheet" />
	<![endif]-->
</head>
<body>

	<header>
		<strong class="logo"><a href="main.html"><span class="title">efnNORD</span><span class="moto">We build your ideas.</span></a></strong>

		<div class="top">
			<ul class="languages">
				<li><a href="">DE</a></li>
				<li class="active"><a href="">EN</a></li>
				<li><a href="">RU</a></li>
			</ul>

			<a href="" class="search"><span class="text">Search</span></a>
		</div>

		<nav>
			<ul>
				<li class="home active"><a href="main.html">Home</a></li>
				<li><a href="solutions.html">Solutions</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="our-team.html">Our Team</a>
					<div class="hint-link"><a class="modal" href="" rel="team">Join our team</a></div>
				</li>
				<li><a href="our-partners.html">Our Partners</a></li>
				<li><a href="contacts.html">Contacts</a></li>
			</ul>
		</nav>
	</header>

	<section id="info">
		<dl class="prod">
			<dt><span class="title">Solutions by Industry</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Solutions by Industry</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt><span class="title">Material procurement</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Material procurement</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt><span class="title">Assembly equipment</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Assembly equipment</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt class="selected"><span class="title">Industrial assembly</span></dt>
			<dd class="selected">
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Industrial assembly</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt><span class="title">ESD area assembly</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">ESD area assembly</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt><span class="title">Cleanroom assembly</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Cleanroom assembly</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
						</ul>
					</div>
				</div>
			</dd>

			<dt><span class="title">Test equipment</span></dt>
			<dd>
				<div class="sh-l"></div>
				<div class="container">
					<div class="block">
						<h1 class="header-1">Test equipment</h1>
						<ul>
							<li>
								<h2 class="header-3">Contract manufacturing</h2>
								<h3 class="header-2"><a href="">WE BUILD YOUR IDEAS</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act.</p>
							</li>
							<li>
								<h2 class="header-3">Lead times</h2>
								<h3 class="header-2"><a href="">FAST AND RELIABLE</a></h3>
								<p>Optimus is one of the world leading companies. We are ready to help you to find the right solutions for your business. We understand that now is the time to act. </p>
							</li>
						</ul>
					</div>
				</div>
			</dd>
		</dl>

		<footer class="info-footer">
			<ul class="col">
				<li class="title"><h3 class="header-3">Material procurement</h3></li>
				<li><a href="">Mould injection parts</a></li>
				<li><a href="">Pins & Contacts</a></li>
				<li><a href="">Cables & Fiber Optics</a></li>
			</ul>

			<ul class="col">
				<li class="title"><h3 class="header-3">Machines & Tools</h3></li>
				<li><a href="">Assembly tools</a></li>
				<li><a href="">Semi-automatic/automatic assembly lines</a></li>
			</ul>

			<ul class="col">
				<li class="title"><h3 class="header-3">Assembly</h3></li>
				<li><a href="">Industrial assembly</a></li>
				<li><a href="">EPA assembly</a></li>
				<li><a href="">Cleanroom assembly</a></li>
			</ul>

			<ul class="col">
				<li class="title"><h3 class="header-3">Testing</h3></li>
				<li><a href="">Electrical testing</a></li>
				<li><a href="">Camera inspection</a></li>
			</ul>

			<ul class="col">
				<li class="title"><h3 class="header-3">Thermal joining</h3></li>
				<li><a href="">Laser welding</a></li>
				<li><a href="">Potting & Melting</a></li>
			</ul>
		</footer>
	</section>

	<section id="content" class="team">
		<div class="text-block">
			<div class="l">
				<h2 class="header-2">ABOUT EFN NORD</h2>
				<p class="header-5">
				Donec eget diam metus, quis pretium massa. Vestibulum aliquet, massa in condimentum pretium, erat purus condimentum erat, non pharetra lorem urna ac massa.
				</p>
				<p>Nulla magna tortor, condimentum ut cursus quis, fringilla vel sapien.</p>
				<p>Vestibulum vel rutrum neque. Praesent tortor mauris, pretium at feugiat eget, placerat sit amet sapien. Proin ornare aliquam consequat. Integer dignissim scelerisque libero, eget euismod risus lacinia ut. Sed dapibus, tortor vitae dapibus semper, urna nunc tincidunt eros, nec ultricies libero purus ut magna.</p>
				<p><a href="">Read more</a></p>
			</div>

			<div class="mtt-block">
				<h2 class="header-2">Meet the team</h2>

				<p>Proin ornare aliquam consequat. Integer dignissim scelerisque libero, eget euismod risus lacinia ut. Sed dapibus, tortor vitae dapibus semper, urna nunc tincidunt eros.</p>

				<div class="team">
					<div class="col">
						<img src="images/team/photo1-m.png" alt="" class="photo" />
						<div class="name">JEREMY AWSON</div>
						<div class="post">Key Account Manager</div>
						<div class="phone">+317 298-765-43</div>
						<div class="mail"><a href="mailto:jeremy@enfnord.lv">jeremy@enfnord.lv</a></div>
					</div>
					<div class="col">
						<img src="images/team/photo2-m.png" alt="" class="photo" />
						<div class="name">ADAM BROWN</div>
						<div class="post">General Management</div>
						<div class="phone">+317 298-765-43</div>
						<div class="mail"><a href="mailto:adam@enfnord.lv">adam@enfnord.lv</a></div>
					</div>
					<div class="col">
						<img src="images/team/photo3-m.png" alt="" class="photo" />
						<div class="name">JOHN SMITH</div>
						<div class="post">Quality Management</div>
						<div class="phone">+317 298-765-43</div>
						<div class="mail"><a href="mailto:john@enfnord.lv">john@enfnord.lv</a></div>
					</div>

					<p class="b-link"><a href="our-team.html">See all team</a></p>
				</div>
			</div>
		</div>
	</section>

	<footer id="footer">
		<div class="contacts group-1">
			<span class="logo"></span>
			<dl>
				<dt>address</dt>
				<dd>Valka, Parka iela 25</dd>
			</dl>
			<dl>
				<dt>phone</dt>
				<dd>+371 647-078-80</dd>
			</dl>
			<dl>
				<dt>e-mail</dt>
				<dd><a href="">office@efn-gmbh.de</a></dd>
			</dl>

			<a href="" class="hotline">HOTLINE</a>
		</div>

		<form action="" class="contact-form">
			<div class="header-3">Quick contact</div>
			<div class="hint">Let us call you, request a quote<br />or just say hello!</div>

			<fieldset><input type="text" name="" placeholder="Name" /></fieldset>
			<fieldset><input type="text" name="" placeholder="E-mail" /></fieldset>
			<fieldset><input type="text" name="" placeholder="Phone number" /></fieldset>
			<fieldset><textarea name="" cols="30" rows="10" placeholder="Message"></textarea></fieldset>
			<div class="actions">
				<div class="button"><input type="submit" value="Send" /></div>
			</div>
		</form>

		<div class="nav group-2">

			<div class="col col-1">
				<ul class="title">
					<li class="header-3">OUR COMPANY</li>
					<li><a href="">Why us?</a></li>
					<li><a href="">About efn</a></li>
					<li><a href="">Meet the Team</a></li>
					<li><a href="">Work here</a></li>
				</ul>
			</div>
			<div class="col col-2">
				<ul class="title">
					<li class="header-3">MAIN SERVICES</li>
					<li><a href="">Contract manufacturing</a></li>
					<li><a href="">Mould injection</a></li>
					<li><a href="">Thermal joining</a></li>
					<li><a href="">Potting & dispensing</a></li>
				</ul>
			</div>
			<div class="col col-3">
				<ul class="title">
					<li class="header-3">Short cuts</li>
					<li><a href="">Contacts</a></li>
					<li><a href="">Solutions by industry</a></li>
					<li><a href="">Location & directions</a></li>
					<li><a href="">Downloads</a></li>
				</ul>
			</div>
		</div>

		<div class="bottom">
			<span class="copyright group-1">Copyright 2011 EFN Nord</span>

			<a href="" class="group-2">Privacy Policy (Impressum)</a>

			<div class="social">
				<span class="title">Stay in touch:</span>
				<a href=""><img src="images/social/img1.png" alt="" /></a>
				<a href=""><img src="images/social/img2.png" alt="" /></a>
				<a href=""><img src="images/social/img3.png" alt="" /></a>
				<a href=""><img src="images/social/img4.png" alt="" /></a>
			</div>
		</div>
	</footer>

	<div id="overlay">
		<form class="team modal" action="">
			<div class="header-2">JOIN OUR<br/>TEAM</div>
			<fieldset>
				<label for="mf1">Your name</label>
				<input type="text" name="" placeholder="" id="mf1" />
			</fieldset>
			<fieldset>
				<label for="mf2">Position you’re applying for</label>
				<input class="f2" type="text" name="" placeholder="" id="mf2" />
			</fieldset>
			<fieldset>
				<label for="mf3">email</label>
				<input class="f2" type="text" name="" placeholder="" id="mf3" />
			</fieldset>
			<fieldset class="attachement">
				<div class="link">Attach your application documents</div>
				<div class="hint">CV, motivation letter, picture, references, etc.</div>
				<input class="file" type="file" name="" id="" />
			</fieldset>
			<div class="actions">
				<div class="button"><input type="submit" value="Submit" /></div>
				<input class="reset" type="reset" value="Cancel" />
			</div>

		</form>
	</div>

	<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
	<script src="js/jquery.form.js" type="text/javascript"></script>
	<script src="js/jquery.rails.js" type="text/javascript"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
	<script src="js/application.js" type="text/javascript"></script>
	<script type="text/javascript">
		function initialize() {
			var myLatlng = new google.maps.LatLng(57.7862326105289, 25.995798110961914);
			var myOptions = {
				zoom: 14,
				center: myLatlng,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			}
			if(document.getElementById("map") != null) {
				var map = new google.maps.Map(document.getElementById("map"), myOptions);

				var image = 'images/efnnord-marker.png';
				var myLatLng = new google.maps.LatLng(57.7862326105289, 25.995798110961914);
				var beachMarker = new google.maps.Marker({
					position: myLatLng,
					map: map,
					icon: image
				});
			}
		}

		google.maps.event.addDomListener(window, 'load', initialize);

	</script>
</body>
</html>