index.html

<!DOCTYPE html>
<html lang="en" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <title>Assume</title>
    <link rel="shortcut icon" type="image/x-icon" href="css/images/AssumeLogoA.png" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />

    <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script src="js/functions.js" type="text/javascript"></script>
</head>

<body>
    <!-- wraper -->
    <div id="wrapper">
        <!-- shell -->
        <div class="shell">
            <!-- container -->
            <div class="container">
                <!-- header -->
                <header id="header">
                    <h1 id="logo"><a href="http://assume-project.eu/"><img src="css/images/AssumeLogo.png"/> </a></h1>
                    <!-- search -->
                    <div class="search">
                        <h1 id="logo" style="float: right;padding-right:140px;"><a href="https://itea3.org/project/assume.html"><img src="css/images/consortium/itea.png"/> </a></h1>
                    </div>
                    <!-- end of search -->
                </header>
                <!-- end of header -->
                <!-- navigation -->
                <nav id="navigation">
                    <a href="" class="nav-btn">MENU<span class="arr"></span></a>
                    <ul>
                        <li class="active"><a href="index.html">Home</a></li>
                        <li><a href="overview.html">Overview</a></li>
                        <li><a>Consortium</a>
                            <ul>
                                <li><a href="france.html">France</a></li>
                                <li><a href="germany.html">Germany</a></li>
                                <li><a href="netherlands.html">Netherlands</a></li>
                                <li><a href="turkey.html">Turkey</a></li>
                                <li><a href="sweden.html">Sweden</a></li>
                                <li><a href="all-partners.html">All Partners</a></li>
                            </ul>
                        </li>
                        </li>
                        <li><a href="project.html">Project</a>
                            <ul>
                                <li><a href="management.html">Management</a></li>
                                <li><a href="workpackages.html">Work Packages</a></li>
                                <li><a href="disseminationandexploitation.html">Dissemination and Exploitation</a></li>
                            </ul>
                        </li>
                        <li><a href="download.html">Download</a></li>
                        <li><a href="events.html">Events</a></li>
                        <li><a href="contacts.html">Contacts</a>
                        </li>
                    </ul>
                </nav>
                <!-- end of navigation -->
                <!-- slider -->
                <div class="m-slider">
                    <div class="slider-holder">
                        <span class="slider-shadow"></span>
                        <span class="slider-b"></span>
                        <div class="slider flexslider">
                            <ul class="slides">
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/ASSUME_truck _1.jpg" alt="" />
                                    </div>
                                    <!--<div class="slide-cnt">
										<h2>Your Title Here</h2>
										<div class="box-cnt">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
										</div>
										<a href="" class="grey-btn">request a demo</a>
									</div>-->
                                </li>
                                <!--
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/havelsan.jpg" alt="" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/arcelik.jpg" alt="" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/daimler.jpg" alt="" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/airbus.jpg" alt="" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/thales.jpg" alt="" />
                                    </div>
                                </li>-->
                                <!--<li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/kocsistem.jpg" alt="" />
                                    </div>
                                </li>-->
                                <!--<li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/bosch.jpg" alt="" />
                                    </div>
                                </li>
                                <li>
                                    <div class="img-holder">
                                        <img src="css/images/slider/scania.jpg" alt="" />
                                    </div>
                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- end of slider -->
                <!-- main -->
                <div class="main">
                    <!--<section class="cols">
						<div class="col">
							<img src="css/images/col-img1.png" alt="" />
							<div class="col-cnt">
								<h2>Design</h2>
								<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing dolor emor</p>
								<a href="" class="more">view more</a>
							</div>
						</div>
						<div class="col">
							<img src="css/images/col-img2.png" alt="" />
							<div class="col-cnt">
								<h2>Branding</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
								<a href="" class="more">view more</a>
							</div>
						</div>
						<div class="col">
							<img src="css/images/col-img3.png" alt="" />
							<div class="col-cnt">
								<h2>Development</h2>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
								<a href="" class="more">view more</a>
							</div>
						</div>
						<div class="cl">&nbsp;</div>
					</section>-->
                    <section class="post">
                        <div class="video-holder">
                            </br>
                            </br>
                            <img src="css/images/AssumeMap.jpg" alt="" width="100%" />
                        </div>
                        <div>
                            <div class="post-cnt">
                                <h2>Affordable Safe And Secure Mobility Evolution</h2>
                                <p>Future mobility solutions will increasingly rely on smart components that continuously monitor the environment and assume more and more responsibility for a convenient, safe and reliable operation. Currently the single most important roadblock for this market is the ability to come up with an affordable, safe multi-core development methodology that allows industry to deliver trustworthy new functions at competitive prices. ASSUME will provide a seamless engineering methodology, which addresses this roadblock on the constructive and analytic side.</p>
                                <!--
							<ul>
								<li><a href="">jQuery Fader</a></li>
								<li><a href="">Various column options</a></li>
								<li><a href="">Valid XHTML and CSS tableless Design</a></li>
								<li><a href="">Tested on Mac &amp; PC</a></li>
							</ul>-->
                            </div>
                            <div class="cl">&nbsp;</div>
                            </br>
                            <div class="post-cnt">
                                <h2>News</h2>
                                <div class="news" id="newScroll">
                                    <ul>
                                        <li>
                                            <strong>2nd Plenary meeting in Stockholm</strong></br>
                                            On: 12-13 May 2016</br>
                                            Organized by: KTH</br>
                                            At: Scandic Victoria Hotel, Stockholm
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cl">&nbsp;</div>

                    </section>
                    <div>
                    <!--
					<section class="testimonial">
						<h2>Responsive CSS Template with jQuery Fader</h2>

						<p><strong class="quote">“</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu tempus ut, mollis et libero”</p>

						<p class="author">John Doe, <strong>Company Name</strong></p>
					</section>-->
                    </div>
                    <!-- end of main -->
                    <div id="footer">
                        <!--
					<div class="footer-cols">
						<div class="col">
							<h2>Services</h2>
							<ul>
								<li><a href="">Web Design</a></li>
								<li><a href="">Branding</a></li>
								<li><a href="">Seo Optimization</a></li>
								<li><a href="">Mobile App Development</a></li>
							</ul>
						</div>
						<div class="col">
							<h2>Projects</h2>
							<ul>
								<li><a href="">Lorem ipsum dolor </a></li>
								<li><a href="">Consectetuer adipiscing</a></li>
								<li><a href="">Proin sed odio et ante </a></li>
								<li><a href="">Mazim sensibus et usu</a></li>
							</ul>
						</div>
						<div class="col">
							<h2>Solutions</h2>
							<ul>
								<li><a href="">Lorem ipsum dolor</a></li>
								<li><a href="">Consectetuer adipiscing</a></li>
								<li><a href="">Proin sed odio et ante </a></li>
								<li><a href="">Mazim sensibus et usu</a></li>
							</ul>
						</div>
						<div class="col">
							<h2>Partners</h2>
							<ul>
								<li><a href="">Company Name 1</a></li>
								<li><a href="">Company Name 2</a></li>
								<li><a href="">Company Name 3</a></li>
								<li><a href="">Company Name 4</a></li>
							</ul>
						</div>
						<div class="cl">&nbsp;</div>
					</div>-->
                        <!-- end of footer-cols -->
                        <div class="footer-bottom">
                            <nav class="footer-nav">
                                <ul>
                                    <li class="active"><a href="index.html">Home</a></li>
                                    <li><a href="overview.html">Overview</a></li>
                                    <li><a href="all-partners.html">Consortium</a></li>
                                    <li><a href="project.html">Project</a></li>
                                    <li><a href="download.html">Download</a></li>
                                    <li><a href="events.html">Events</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                </ul>
                            </nav>
                            <p class="copy"><strong>Design by <a href="http://assume-project.eu/" target="_blank"><img src="css/images/AssumeLogo.png" width="50px"/> ASSUME Consortium</a></strong></p>
                            <div class="cl">&nbsp;</div>
                        </div>
                    </div>
                    </div>
                    <!-- end of container -->
                </div>
                <!-- end of shell -->
            </div>
            <!-- end of wrapper -->
</body>

</html>