File: /home/bucalon/public_html/wp-content/themes/Odontorriso/index.html
<!DOCTYPE html>
<html lang="pt-br">
<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">
<link rel="stylesheet" href="./_css/style.css">
<title>Odontorriso</title>
</head>
<body>
<header id="header">
<div class="pre-header">
<div class="ui container">
<span><i class="map marker icon"></i> 6036 Richmond hwy., Alexandria, VA 22303 </span>
<span><i class="phone icon"></i> + (703) 329-06-32 </span>
<span><i class="envelope icon"></i> dentist@demolink.org </span>
</div>
</div>
<div class="ui container">
<div class="ui middle aligned grid">
<div class="six wide mobile six wide tablet four wide computer column">
<h1 class="logo-topo">
<a href="#">
<img src='./img/logo-topo.jpg' alt=''/>
</a>
</h1>
</div>
<div class="eight wide computer only column">
<nav class="menu-topo">
<ul>
<li><a href="./">Home</a></li>
<li><a href="./">Quem Somos</a></li>
<li><a href="./">Serviços</a></li>
<li><a href="./">Blog</a></li>
<li><a href="./">Contato</a></li>
</ul>
</nav>
</div>
<div class="four wide computer only column txtRt">
<a href="#" class="ui mini green icon button">
<i class="whatsapp icon"></i> Agende uma consulta!
</a>
</div>
<!-- Mobile -->
<div class="ten wide mobile only tablet only right floated column txtRt">
<a href="#" class="ui mini green icon circular button">
<i class="whatsapp large icon"></i>
</a>
<button class="btn-menu" onclick="openNav();">
<i class="bars icon"></i>
</button>
</div>
</div>
</div>
</header>
<main>
<section id="slideshow">
<img src="./img/slider-1-1.jpeg" alt="">
</section>
<section id="destaques">
<div class="ui container">
<div class="flex">
<article class="box">
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero sequi at reiciendis officiis nostrum illo, distinctio.</p>
<a href="#" class="btn-default">Saiba Mais</a>
</article>
<article class="box">
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero sequi at reiciendis officiis nostrum illo, distinctio.</p>
<a href="#" class="btn-default">Saiba Mais</a>
</article>
<article class="box">
<h1>Lorem ipsum dolor sit amet.</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero sequi at reiciendis officiis nostrum illo, distinctio.</p>
<a href="#" class="btn-default">Saiba Mais</a>
</article>
</div>
</div>
</section>
<section id="tratamentos">
<div class="ui container">
<h1>Nossos Tratamentos</h1>
<div class="ui three columns doubling stackable grid">
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
<div class="column">
<article class="box">
<h2><i class="tooth icon"></i> <a href="#">Lorem ipsum dolor sit amet.</a></h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consequuntur quae tempore ipsa ut ullam, corporis aperiam omnis atque, blanditiis nesciunt veritatis id commodi aut esse quibusdam magnam quasi distinctio. Atque.</p>
</article>
</div>
</div>
</div>
</section>
<section id="sobre-nos">
<div class="ui container">
<div class="flex">
<article>
<h1>Sobre Nós</h1>
<h2>We’re glad you hand your dental health concerns to our skilled hands.</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique explicabo amet eligendi incidunt quas voluptatum repellat quia mollitia ad distinctio laborum voluptates in ipsa eum quasi accusantium, deleniti culpa iste.</p>
<a href="#" class="btn-default">Saiba Mais</a>
</article>
<aside>
<img src="./img/home-img-1-1.jpeg" alt="">
</aside>
</div>
</div>
</section>
<section id="nosso-time">
<div class="ui container">
<h1>Nosso Time</h1>
<div class="ui four columns doubling stackable grid">
<div class="column">
<article>
<img src="https://ld-wp.template-help.com/wordpress_61273/wp-content/uploads/2016/10/single-team-1-352x350.jpg" alt="">
<h2>Lorem ipsum dollor</h2>
<span>Dentist</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit rem vitae nostrum corporis accusantium sunt temporibus voluptatum unde quod nam itaque necessitatibus saepe, molestiae, aut dolorem, voluptas similique eius dicta.</p>
</article>
</div>
<div class="column">
<article>
<img src="https://ld-wp.template-help.com/wordpress_61273/wp-content/uploads/2016/10/single-team-1-352x350.jpg" alt="">
<h2>Lorem ipsum dollor</h2>
<span>Dentist</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit rem vitae nostrum corporis accusantium sunt temporibus voluptatum unde quod nam itaque necessitatibus saepe, molestiae, aut dolorem, voluptas similique eius dicta.</p>
</article>
</div>
<div class="column">
<article>
<img src="https://ld-wp.template-help.com/wordpress_61273/wp-content/uploads/2016/10/single-team-1-352x350.jpg" alt="">
<h2>Lorem ipsum dollor</h2>
<span>Dentist</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit rem vitae nostrum corporis accusantium sunt temporibus voluptatum unde quod nam itaque necessitatibus saepe, molestiae, aut dolorem, voluptas similique eius dicta.</p>
</article>
</div>
<div class="column">
<article>
<img src="https://ld-wp.template-help.com/wordpress_61273/wp-content/uploads/2016/10/single-team-1-352x350.jpg" alt="">
<h2>Lorem ipsum dollor</h2>
<span>Dentist</span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit rem vitae nostrum corporis accusantium sunt temporibus voluptatum unde quod nam itaque necessitatibus saepe, molestiae, aut dolorem, voluptas similique eius dicta.</p>
</article>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="ui container">
<div class="info flex">
<article class="box txtCt">
<p><i class="envelope large icon"></i></p>
<p>contato@odontorriso.com.br</p>
</article>
<article class="box txtCt">
<p><i class="map marker alternate large icon"></i></p>
<p>6036 Richmond hwy., Alexandria, VA 22303</p>
</article>
<article class="box txtCt">
<p><i class="mobile alternate large icon"></i></p>
<p>+ (703) 329-06-32
</p>
</article>
</div>
<div class="ui four columns stackable grid">
<div class="column">
<h1>Sobre nós</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga voluptas porro maiores, blanditiis aspernatur quis voluptates asperiores deserunt explicabo perferendis odio qui quas rerum repudiandae minus adipisci ut officiis atque.</p>
</div>
<div class="column">
<h1>Tratamentos</h1>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
</div>
<div class="column">
<h1>Posts Recentes</h1>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
<p><a href="#">Lorem ipsum dolor sit.</a> </p>
</div>
<div class="column">
<h1>Redes Sociais</h1>
<p>
<a href="#"><i class="facebook large icon"></i></a>
<a href="#"><i class="instagram large icon"></i></a>
</p>
</div>
</div>
</div>
<div class="copyright">
<p>© 2022 Odontorriso. Todos os direitos reservados. Site by <a target="_blank" href="#">TRIBOX</a></p>
</div>
</footer>
</main>
</body>
</html>