Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>SantasManos</title>
    <link rel="stylesheet" href="Content/CSS/bootstrap.min.css">
    <link rel="stylesheet" href="Content/CSS/Index.css">
</head>
<body>
    <div id="Main" class="container-fluid">
        <div id="MenuNav">
                <nav class="main-navigation">
                        <div class="navbar-header animated fadeInUp">
                            <a class="navbar-brand" href="#">Santas Manos</a>
                        </div>
                        <ul class="nav-list">
                            <li class="nav-list-item">
                                <a href="#" class="nav-link">Inicio</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link">Servicios</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link">Blog</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link">Works</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link">Contact</a>
                            </li>
                        </ul>

                </nav>
        </div>
        <div id="parallax" class="parallax">
            <div class="CentroForm">
                    <img src="IMG/Logo.png" alt="" class="logo">
            </div>


        </div>
        <div id="Fotos4s">
            <div class="row">
                <div class="col-md-3">
                    <h1>Foto1</h1>
                </div>
                <div class="col-md-3">
                        <h1>Foto2</h1>
                </div>
                <div class="col-md-3">
                        <h1>Foto3</h1>
                </div>
                <div class="col-md-3">
                        <h1>Foto4</h1>
                </div>
            </div>

        </div>
        <div id="LecturaCorta" class="centrado">
            <h1>Mi titulo</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna libero, lobortis sit amet interdum nec, eleifend vel tellus. Aliquam lorem nulla, fringilla a porta ut, convallis in leo. Sed pharetra odio nec viverra porttitor. Vestibulum fermentum odio massa, egestas tempus velit dapibus vitae. Proin eget sapien at ante rutrum iaculis sed eu magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam tempus turpis id metus convallis, vel efficitur ligula tincidunt. Duis congue nisl nec nunc porta condimentum. Integer ut velit mollis, euismod lacus eu, pellentesque erat.</p>

        </div>
        <div id="Contacto" class="row">
            <div class="col-md-6 CentroForm" id="FormaContacto">
                <div class="form-group">
                    <input type="text" id="Nombre" class="form-control" placeholder="Nombre y Apellido">
                    <br>
                    <input id="Email" type="email" class="form-control" placeholder="Correo Electronico"/>
                    <br>
                    <textarea class="form-control" rows="5" id="Comentario" placeholder="Su comentario"></textarea>
                    <br>
                    <button class="btn btn-primary btn-lg">Enviar</button>
                </div>
            </div>
            <div class="col-md-6" id="RedesSociales">

            </div>

        </div>
        <div id="footer" class="centrado">
            <h1>Aqui el footer</h1>
            <p>Eso para que se agregue algo</p>

        </div>
    </div>
</body>
    <script src="Content/JS/jquery-3.3.1.min.js"></script>
    <script src="Content/JS/popper.min.js"></script>
    <script src="Content/JS/bootstrap.min.js"></script>
</html>