<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/mediaqueries.css">

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
	<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</head>
<body>

<!-- TOP NAVIGATION -->
<nav id="fmi-top-nav" class="navbar">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
	<div class="container">
		<div class="navbar-header">
		  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </button>
		  <a class="navbar-brand" href="#">
			<div id="logoimg"></div>
			<span class="logo-text"> Факултет по математика и информатика</span>
		  </a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <form class="navbar-form navbar-right" role="search">
			<div class="form-group">
			  <input type="text" class="form-control" placeholder="Търсене...">
			</div>
			<button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
		  </form>
		  <ul class="nav navbar-nav navbar-right">
			<li><a href="#">Форум</a></li>
			<li><a href="#">Поща</span></a></li>
			<li><a href="#">Карта на сайта</a></li>
			<li><a href="#">Контакти</span></a></li>
		  </ul>
		</div><!-- /.navbar-collapse -->
	</div>	
  </div><!-- /.container-fluid -->
</nav>
<!-- TOP NAVIGATION -->

<!-- MAIN NAVIGATION -->
<nav id="fmi-main-nav" class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
	<div class="container">
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse">
		  <ul class="nav navbar-nav navbar-left">
			<li><a href="#">Начало</a></li>
			<li><a href="#">Новини</a></li>
			<li class="dropdown">
			  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">За ФМИ <span class="caret"></span></a>
			  <ul class="dropdown-menu" role="menu">
				<li><a href="#">Визитка</a></li>
				<li><a href="#">Стратегия</a></li>
				<li><a href="#">История</a></li>
			  </ul>
			</li>
			<li><a href="#">Обучение</a></li>
			<li><a href="#">Учебен график</a></li>
			<li><a href="#">Научна дейност</a></li>
			<li><a href="#">Състав</a></li>
		  </ul>
		</div><!-- /.navbar-collapse -->
	</div>	
  </div><!-- /.container-fluid -->
</nav>
<!-- MAIN NAVIGATION -->

<!-- SLIDESHOW -->
	<div id="fmi-slideshow" class="carousel slide" data-ride="carousel">
	  <!-- Indicators -->
	  <ol class="carousel-indicators">
		<li data-target="#fmi-slideshow" data-slide-to="0" class="active"></li>
		<li data-target="#fmi-slideshow" data-slide-to="1"></li>
		<li data-target="#fmi-slideshow" data-slide-to="2"></li>
		<li data-target="#fmi-slideshow" data-slide-to="3"></li>
	  </ol>

	  <!-- Wrapper for slides -->
	  <div class="carousel-inner text-center" role="listbox">
	  
		<div class="item active">
		  <img class="center" src="images/1.png" alt="fmi1">
		</div>
		
		<div class="item">
		  <img class="center" src="images/2.png" alt="fmi2">
		</div>
		
		<div class="item">
		  <img class="center" src="images/3.png" alt="fmi3">
		</div>
		
		<div class="item">
		  <img class="center" src="images/4.png" alt="fmi4">
		</div>
	  </div>

	  <!-- Controls -->
	  <a class="left carousel-control" href="#fmi-slideshow" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	  </a>
	  <a class="right carousel-control" href="#fmi-slideshow" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	  </a>
	</div>
<!-- /SLIDESHOW -->

<!-- MAIN KEY ACTIVITIES -->
  <div class="container-fluid border-separator main-keys-activities">
	<div class="container">
		<div id="fiveBoxes">
            <p class="separator5"> </p>
            
            <a href="#" class="a-btn box1">
                <span></span>
                <span>Бакалавърски програми</span>
            </a>
            
            <p class="separator5"> </p>
            
            <a href="#" class="a-btn box2">
                <span></span>
                <span>Магистърски програми</span>
            </a>
            
            <p class="separator5"> </p>
            
            <a href="#" class="a-btn box3">
                <span></span>
                <span>Учебен график</span>
            </a>
            
            <p class="separator5"> </p>
            
            <a href="#" class="a-btn box4">
                <span></span>
                <span>Избираеми дисциплини</span>
            </a>
            
            <p class="separator5"> </p>
            
            <a href="#" class="a-btn box5">
                <span></span>
                <span>Документи</span>
            </a>
            
            <p class="separator4"> </p>
            
        </div>
	</div>
  </div>
<!-- /MAIN KEY ACTIVITIES -->

<!-- ABOUT US / NEWS -->
  <div class="container-fluid border-separator main-section">
	<div class="container">
		<div class="row">
			<div class="col-md-6 section border-right">
				<h1>За ФМИ</h1>
				<img src="images/aboutUs.png"/>
				<p class="about-us">
					Факултетът по математика и информатика  (ФМИ) е първият самостоятелен факултет в над половинвековната история на Пловдивския университет "Паисий Хилендарски". Днес той е  утвърден и авторитетен център за научни изследвания и подготовка на специалисти в областта на математиката, информатиката и информационните технологии.
				</p>
				<a href="#" class="btn btn-primary">още</a>
			</div>
			<div class="col-md-6 section">
				<h1>Новини</h1>
					<div class="articleWrap">
						<a class="articleTitle" href="#">Lorem ipsum dolor amet consectetur</a>
						<p>Adipis nullam consequat scelerisque urna, sed sollicitudin elit lobortis varius. 
						Suspendisse ac venenatis velit. </p>
					</div>
					
					<div class="articleWrap">
						<a class="articleTitle" href="#">Lorem ipsum dolor amet consectetur</a>
						<p>Duis tempor, nibh in varius auctor, metus felis malesuada sed pellentesque 
						quam vitae habitasse platea dictumst. Aenean sit amet libero ac velit porttitor iaculis.</p>
					</div>
					
					<div class="articleWrap">
						<a class="articleTitle" href="#">Lorem ipsum dolor amet consectetur</a>
						<p>Adipis nullam consequat scelerisque urna, sed sollicitudin elit lobortis varius. 
						Suspendisse ac venenatis velit.</p>
						
					</div>
					
					<div class="articleWrap">
						<a class="articleTitle" href="#">Lorem ipsum dolor amet consectetur</a>
						<p>Adipis nullam consequat scelerisque urna, sed sollicitudin elit lobortis varius. 
						Suspendisse ac venenatis velit.</p>
					</div>
					
					<a href="#" class="btn btn-primary">още</a>	
			</div>
						
			</div>
		</div>
	</div>
  </div>	
<!-- ABOUT US / NEWS -->

<!-- FOOTER -->
<div class="container">
	<div id="footer">
     
            	<div class="footerLogo"> </div>

                <p class="copyright"> 
                    Всички права запазени © 2013 - Факултет по математика, информатика и информационни технологии <br> 
                    Адрес:  бул. “България” 236, 4003 Пловдив 
                </p>
                
                	<ul>
                    	<li> Бакалавърски програми </li>
                        <li> Магистърски програми </li>
                        <li> Докторантури </li>
                        <li> Допълнителни квалификации </li>

                    </ul>
                
                	<ul>
                    	<li> Кандидатстване </li>
                    	<li> Е-обучение </li>
                    	<li> Курсове </li>
                        <li> Учебни разписания </li>
                    </ul>
                
                	<ul>
                    	<li> Новини </li>
                        <li> Семинари </li>
                        <li> Конференции </li>
                        <li> Проекти </li>
                    </ul>
                
                	<ul>
                    	<li> Документи </li>
                        <li> Акредитация </li>
                        <li> Контакти </li>
                        <li> Помощ </li>
                    </ul>

                
        </div>
</div>
		
<!-- /FOOTER -->
<script type="text/javascript">
	$( document ).ready(function() {
		$('.carousel').carousel('cycle');
	});
</script>

</body>
</html>