contact.htm

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VSA 2016 | Contact</title>
    <meta content="Program of Visnjan School of Astronomy" name="Description">
    <meta content="school astronomy program" name="Keywords">
    <link href="bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="vsa_main.css" rel="stylesheet" type="text/css">
    <link href="fonts/stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="container-fluid main white">
        <div class="row visnjan_banner">
            <div class="col-xs-12" id="header">
                <img alt="VSA" src="vsa_white.png">
            </div>
        </div>
        <div class="row white">
            <div class="menu col-xs-12 col-sm-3 col-md-2">
                <ul class="nav">
                    <li id="nav_hom">
                        <a href=".">Home</a>
                    </li>
                    <li id="nav_prog">
                        <a href="program.htm">Program</a>
                    </li>
                    <li id="nav_proj">
                        <a href="projects.htm">Projects</a>
                    </li>
                    <li id="nav_lec">
                        <a href="lectures.htm">Lectures</a>
                    </li>
                    <li id="nav_app">
                        <a href="application.htm">Application</a>
                    </li>
                    <li id="nav_spo">
                        <a href="sponsors.htm">Sponsors</a>
                    </li>
                    <li id="nav_pre">
                        <a href="previous.htm">Previous</a>
                    </li>
                    <li id="nav_con" class="active">
                        <a href="contact.htm">Contact</a>
                    </li>
                </ul>
            </div>
            <div id="" class="col-xs-12 col-sm-9 col-md-10">
                <h1>Contact</h1>
                <div class="captioned_photo">
                    <img alt="Snail postman" height="200" src="contact_big.jpg" width="200">
                    <p><span>Contact us! Either by email or <strong>snail</strong> mail.</span></p>
                </div>
                <p>
                    <strong>Visnjan Observatory</strong><br>
                    Istarska 5<br>
                    52463 Visnjan<br>
                    Croatia
                </p>
                <p>
                    <strong>Contact person:</strong> Korado Korlevic<br>
                    <strong>Telephone/Fax:</strong> 052 / 449 212<br>
                    <strong>Email:</strong> <a href="mailto:korado@astro.hr">korado(at)astro.hr</a>
                </p>
            </div>
        </div>
    </div>
    <div class="container-fluid footer">
        <div class="row">
            <div class="col-xs-12" id="footer">
                <p class="pull-left">Visnjan Observatory, Istarska 5, 52463 Visnjan, Croatia</p>
                <p class="pull-right">April, 2016</p>
            </div>
        </div>
    </div>
</body>
</html>