<!DOCTYPE html>

<?
ini_set('display_errors',1);
error_reporting(E_ALL);
include_once("config.php");
include_once("includes/common/variables.php"); 
?>

<html lang="en">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
  
    <title>Business Casual - Start Bootstrap Theme</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/business-casual.css" rel="stylesheet">

    <!-- Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>

<body>

    <div class="brand">Ephorate Antiquities</div>
    <div class="address-bar">2619 technological Institute | Heraklion, T.K 71305 | Dream Designs</div>

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" 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>
                <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                <a class="navbar-brand" href="index.html">Business Casual</a>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

<hr class="line"> </hr>
<div class="main_container">

            <div class="row">
            <div class="col-md-4 portfolio-item"> 
            <a href="eklisia.php">
                    <img class="main_image" src="images/icons/momentum.png"alt="">
                    </a>
                <h3>
                     <p class="main_img_text"> ΜΝΗΜΕΙΑ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="eklisiastika.php">
                    <img class="main_image" src="images/icons/profile.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text"> ΠΡΟΣΩΠΑ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="museam.php">
                    <img class="main_image" src="images/icons/memorial.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text"> ΜΟΥΣΕΙΑ </p>
                </h3>
            </div>
        </div>

        <!-- Projects Row -->
        <div class="row">
            <div class="col-md-4 portfolio-item">
            <a href="agalmata.php">
                     <img class="main_image" src="images/icons/exibitions.png" alt="">
                     </a>
                <h3>
                    <p class="main_img_text3" > ΕΚΘΕΜΑΤΑ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="yphresies.php">
                    <img class="main_image" src="images/icons/ipiresies.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text3" > ΥΠΗΡΕΣΙΕΣ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="arxaiologoi.php">
                     <img class="main_image" src="images/icons/ipaliloi.png" alt="">
                     </a>
                <h3>
                    <p class="main_img_text3" > ΥΠΑΛΛΗΛΟΙ </p>
                </h3>
            </div>
        </div>

        <!-- Projects Row -->
        <div class="row">
            <div class="col-md-4 portfolio-item">
            <a href="episkeues.php">
                    <img class="main_image" src="images/icons/episkeues.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text3" > ΕΠΙΣΚΕΥΕΣ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="suntiriseis.php">
                    <img class="main_image" src="images/icons/sintiriseis.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text4" > ΣΥΝΤΗΡΗΣΕΙΣ </p>
                </h3>
            </div>

            <div class="col-md-4 portfolio-item">
            <a href="anafores.php">
                    <img class="main_image" src="images/icons/report.png" alt="">
                    </a>
                <h3>
                    <p class="main_img_text3" > ΑΝΑΦΟΡΕΣ </p>
                </h3>
            </div>
        </div>
        <!-- /.row -->

</div>

    <div class="container">

        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators hidden-xs">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="img-responsive img-full" src="img/slide-1.jpg" alt="">
                            </div>
                             <div class="item">
                                <img class="img-responsive img-full" src="img/slide-4.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                    <h2 class="brand-before">
                        <small>Welcome to</small>
                    </h2>
                    <h1 class="brand-name">Ephorate Antiquities</h1>
                    <hr class="tagline-divider">
                    <h2>
                        <small>By
                            <strong>Dream Designs</strong>
                        </small>
                    </h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center">2619
                        <strong>Ephorate Antiquities</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-border img-left" src="img/museum.jpg" alt="">
                    <hr class="visible-xs">
                    <p> Οι αρχαιολογικοί χώροι στην Ελλάδα και σε όλες τις χώρες αποτελούν ένα σπάνιο πλούτο που έχουν άμεση σχέση με την εξέλιξη, τον πολιτισμό και την κουλτούρα της κάθε περιοχής.</p>
                    <p>Μπορούν να επηρεάσουν να εμπνεύσουν και να συγκινήσουν τον κάθε άνθρωπο περπατώντας και εξερευνώντας τον. Οι διαμορφώσεις αρχαιολογικών χώρων με το σωστό σχεδιασμό και με σεβασμό, ακολουθώντας ήπιες επεμβάσεις, τους έχουν αναδείξει ακόμη περισσότερο. </p>
                    <p>Συνοπτικά τα συμπεράσματα που προέκυψαν από την εργασία ήταν ότι σε όλους τους αρχαιολογικούς χώρους οι επεμβάσεις που γίνονται είναι πάντα ήπιου χαρακτήρα, να τονίσουν τη σπουδαιότητα των αρχαιολογικών χώρων και να ωθήσουν τους επισκέπτες στην εξερεύνηση αυτών.</p> 
                    <p>Για αυτούς τους λόγους προχωρήσαμε στην δημιουργία της μηχανογράφησης εφορίας αρχαιοτήτων , μίας δυναμικής ιστοσελίδας.</p>

                </div>
            </div>
        </div>

        

    </div>
    <!-- /.container -->

    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p class="footer">Copyright &copy; Dream Designs 2015</p>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
    </script>

</body>

</html>
