Вы находитесь на странице: 1из 4

OCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Sitio web num1</title>

<link rel="stylesheet" href="iconos/css/fontello.css">

<link rel="stylesheet" href="css/menu.css">

<link rel="stylesheet" href="css/estilos-inicio.css">

<link rel="stylesheet" href="css/footer.css">

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,


maximum-scale=1.0, minimum-scale=1.0">

</head>

<body>

<header>

<img src="image/logo_magtimus3.png" class="img-logo">

<input type="checkbox" id="check">

<label for="check" class="icon-menu"></label>

<nav class="menu">

<ul>

<li id="inicio"><a href="#" id="inicio2">Inicio</a></li>

<li id="acercade"><a href="#" id="acercade2">Acerca de</a></li>

<li id="servicios"><a href="#" id="servicios2">Servicios</a></li>

<li id="trabajos"><a href="#" id="trabajos2">Trabajos</a></li>

</ul>

</nav>

</header>

<main>
<div class="content-one">

<div class="content-img">

<div class="content-font">

<label>It Doesn't Take a Rocket


<h3>Scientist</h3></label>

<h2>IT TAKES A DESIGNER</h2>

</div>

</div>

</div>

<div class="content-two">

<div class="content-details">

<div class="content-details-for">

<label class="icon-heart"></label>

<h3>Design</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga


ut nulla dicta, ab doloremque consequatur harum mollitia, ipsam minus magnam quaerat
praesentium ratione, amet aperiam incidunt. Iste porro molestiae non.</p>

</div>

<div class="content-details-for">

<label class="icon-laptop"></label>

<h3>Bootstrap</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga


ut nulla dicta, ab doloremque consequatur harum mollitia, ipsam minus magnam quaerat
praesentium ratione, amet aperiam incidunt. Iste porro molestiae non.</p>

</div>

<div class="content-details-for">

<label class="icon-support"></label>

<h3>Support</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga
ut nulla dicta, ab doloremque consequatur harum mollitia, ipsam minus magnam quaerat
praesentium ratione, amet aperiam incidunt. Iste porro molestiae non.</p>

</div>

</div>

</div>

<div class="content-three">

<div class="content-item">

<h3>LATEST WORKS</h3>

<div class="content-img-item">

<img src="image/img2.png">

<img src="image/img3.png">

<img src="image/img4.png">

</div>

</div>

</div>

<div class="content-for">

<div class="content-item2">

<h3>WE CREATE FIRST CLASS DESIGN</h3>

<p>By being true to the brand we represent, we elevate the


audiences’ relationship to it. Like becomes love becomes a passion. Passion becomes advocacy.
And we see the brand blossom from within, creating a whole story the audience embraces. That’s
when the brand can truly flex its muscles.</p>

<img src="image/img5.png">

</div>

</div>

<div class="content-five">
<div class="content-item3">

<h3>WE ARE STORYTELLERS. BRANDS ARE OUR SUBJECTS. DESIGN


IS OUR VOICE.</h3>

<p>We believe ideas come from everyone, everywhere. At


BlackTie, everyone within our agency walls is a designer in their own right. And there are a few
principles we believe—and we believe everyone should believe—about our design craft. These
truths drive us, motivate us, and ultimately help us redefine the power of design.</p>

</div>

</div>

</main>

<footer>

<label class="icon-twitter"></label>

<label class="icon-facebook"></label>

<label for="" class="icon-instagram"></label>

</footer>

<script src="js/jquery.js"></script>

<script src="js/scroll.js"></script>

</body>

</html>