index_en.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>GrES UFPR</title>
		<meta name="author" content="Thiago Ferreira">
		<meta name="description" content="GrES' Website">
		<meta name="keywords" content="gres, ufpr, gres-ufpr, research group on software engineering, sbse, search-based software engineering">

        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <meta name="apple-mobile-web-app-title" content="GrES">
        <meta name="robots" content="index, follow">

        <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
		<link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
		<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
		<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
		<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
		<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
		<link rel="icon" type="image/png" sizes="192x192"  href="images/favicon/android-icon-192x192.png">
		<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
		<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
		<link rel="manifest" href="images/favicon/manifest.json">
		<meta name="msapplication-TileColor" content="rgba(72, 79, 85, 1)">
		<meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
		<meta name="theme-color" content="rgba(72, 79, 85, 1)">

        <!-- Bootstrap -->
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/publications.css"/>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
	<body>

        <div id="header">
            <div class="container" >
                <img src="images/logo-en-1.png" class="img-responsive"/>
            </div>
        </div>

        <nav id="custom-bootstrap-menu" class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <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 hide" href="#">Project name</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#home" data-page="pages/en/home.html">Home</a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#topics-of-interest" data-page="pages/en/topics-of-interest.html">Topics of Interest</a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#team" data-page="pages/en/team.html">Team</a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#projects" data-page="pages/en/projects.html">Projects</a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#publications" data-page="pages/en/publications.html">Publications</a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="menu-item" href="#contact" data-page="pages/en/contact.html">Contact</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="btn-language" data-lang="pt" href="index.html"><img src="images/pt.png" class="img-responsive"/></a></li>
                        <li><a data-toggle="collapse" data-target=".navbar-collapse" class="btn-language" data-lang="en" href="index_en.html"><img src="images/en.png" class="img-responsive"/></a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </nav>

        <div class="background-color">
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                        <div id="content"></div>
                    </div>
                    <div class="col-md-3">

                        <div class="panel panel-default sidebar">
                            <div class="panel-heading">IMPORTANT LINKS</div>
                            <div class="list-group">
                                <a href="http://www.inf.ufpr.br/" target="_blank" class="list-group-item">Department of Informatics</a>
                                <a href="http://www.cnpq.br/" target="_blank" class="list-group-item">CNPQ</a>
                                <a href="http://www.capes.gov.br/" target="_blank" class="list-group-item">CAPES</a>
                                <a href="https://sucupira.capes.gov.br/sucupira/public/consultas/coleta/veiculoPublicacaoQualis/listaConsultaGeralPeriodicos.jsf" target="_blank" class="list-group-item">Qualis Periódicos</a>
                                <a href="http://www.sbc.org.br/" target="_blank" class="list-group-item">SBC</a>
                                <!--<a href="http://www.inf.ufpr.br/gres/eventos.html" target="_blank" class="list-group-item">Conferences</a>-->
                            </div>
                        </div>
                        <center>
                            <img src="images/ufpr.jpg" class="img-responsive"/>
                        </center>
                    </div>
                </div>
            </div>
        </div>


		<script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/publications.js"></script>
		<script src="js/script.js"></script>
        <script src="js/ga.js"></script>
	</body>
</html>