Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="teste3.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet">

</head>

<body>

<header>
<div class="titulo">
<h1 class="fin1">Fin</h1>
<p class="expert">Expert</p>


<h4 class ="tempo">Mon - Sat: 9:00 - 18:00</h4>
<span class="domingo"> Sunday CLOSED</span>
<img class="relogio" src="https://img.icons8.com/cute-clipart/64/000000/clock.png" width="40px"/>

<h4 class="ruas">267 Park Avenue</h4>
<a class ="cidade">New York, NY 90210</a>
<img class="local" src="https://img.icons8.com/material-sharp/24/4a90e2/marker.png" width="35px" />

<h4 class="tele">(123) 45678910</h4>
<a class="emaill">info@demolink.org</a>
<img class="telefone" src="https://img.icons8.com/android/48/4a90e2/phone.png" width="30px"></img>
</div>


<input type="checkbox" id="bt_menu" class="bt_menu"/>
<label for="bt_menu">&#9776;</label>

<nav class="menu">
<ul id="menu-navegacao" class="dropDown">
<li><a class="home" href="#home">Home</a></li>
<li ><a  class="about" href="#">About</a>
<ul  class="drop">
<li><a href="#">Archives</a></li>
<li ><a href="#">News</a></li>
<li ><a href="#">FAQs</a></li>
</ul>
</li>
<li><a class="services" href="#">Services</a></li>
<li><a class="blog" href="#">Blog</a></li>
<li><a class="team" href="#">Our team</a></li>
<li><a class="contacts" href="#">Contacts</a></li>
</ul>
    </nav>


    <div class="contain">

    <img class="imagem-meio" src="C:\Users\Elvo\OneDrive\Área de Trabalho\html\javascript\image\pngkey.com-business-people-png-transparent-3637381.png"   >
    <h1 class="financial">Expert Financial Advice</h1>
    <h2 class="with">With over 20 Years if experience we'll ensure <h2 class="you">you always get the best<h2 class="guidance">guidance</h2></h2></h2>

    <button class="learn" id="botao-meio">Our Services</button>

    <button class="purchase" id="botao-meio">Purchase now</button>
</div>

    <figure>
      <img class="dollar" src="https://img.icons8.com/ios/44/4a90e2/us-dollar--v1.png"/>
        <a class="financia" href="#">Financial Planning</a></li>
        <P class="well">We´ll help you make sensible <p class="decision">decisions about money that can</p><p class="help">help you achieve your goais <p class="life"> in life</P></p></p>


        <img class="cofee" src="https://img.icons8.com/fluent-systems-regular/60/4a90e2/espresso-cup.png"/>
        <a class="retirement" href="#">Retirement Planning</a>
        <p class="user">Use our startegies and retirement <p class="advice">advice, including retirement</p> <p class="calculators">calculators to help you retire <p class="faster"> faster.</p></p></p>

        <img class="grafico" src="https://img.icons8.com/material-outlined/48/4a90e2/bar-chart.png"/>
        <a class="risk" href="#">Risk Management</a>
        <p class="management">Risk management is intended to <p class="manage">manage financial and other losses</p> <p class="associated">associated with risks <p class="to"> to your assets  <p class="business"> or business.</p></p></p></p>


        <img class="pasta" src="https://img.icons8.com/ios/50/4a90e2/business.png"/>
        <a class="taxation" href="#">Taxation</a>
        <p class="planning">Tax planning considers the tax <p class="implication">implications of business decisions,</p> <p class="usually">usually with the goal of  <p class="minizing">  minimizing</p>  <p class="liability">tax liability.</p></p> </p>
    </figure>

    <section>
        <img class="imagem-dois" src="C:\Users\Elvo\OneDrive\Área de Trabalho\html\javascript\image/commcor_header_13-02-19_Análise-Técnica-de-Ações-Entendendo-Gráficos-e-Tendências-da-Bolsa-de-Valores.jpg"  width="99%" height="228">
        <h1 class="what">What We Do</h1>
        <p class="provide">|  We provide expert financial advice for businesses  and individuals</p>
        <button class="see">See All Services</button>
        </section>

        <article>
            <h1 class="about3">About Us</h1>


            <div class="tab">
            <div class="w3-bar">
              <button class="button1" onclick="openCity('facts')">Facts</button>
              <button class="button2" onclick="openCity('advantages')">Advantages</button>
              <button class="button3" onclick="openCity('skills')">Skills</button>
            </div>

            <p class="our">Our company is your one stop solution for all needs. There is no doubt that we are the <p class="leaders">leaders and you don't have to worry about our image because it is perfect.</p></p>

            <div id="facts" class="w3-container city">
              <h2 class="duzentoscetentaecinco">275</h2>
              <p class="cases">Cases completed</p>

              <h2 class="dezenove">19</h2>
              <p class="consultants">Consultants</p>

              <h2 class="centoetrinta">130</h2>
              <p class="awards">Awards won</p>
            </div>


            <div id="advantages" class="w3-container city" style="display:none">
              <h2 class="dezenove2">19</h2>
              <p class="consultants2">Consultants</p>

              <h2 class="centoetrinta2">130</h2>
              <p class="awards2">Awards won</p>

              <h2 class="duzentoscetentaecinco2">275</h2>
              <p class="cases2">Cases completed</p>
            </div>


            <div id="skills" class="w3-container city" style="display:none">
              <h2 class="centoetrinta3">130</h2>
              <p class="awards3">Awards won</p>

              <h2 class="duzentoscetentaecinco3">275</h2>
              <p class="cases3">Cases completed</p>

              <h2 class="dezenove3">19</h2>
              <p class="consultants3">Consultants</p>
            </div>

            </div>


            <h2 class="doing">Doing the right thing, at the right time .</h2>
        <p class="welcome">Welcome to the leading company on the market! Our success is driven</p> <p class="by">by the highest quality<p class="customer"> customer service. We can meet the requirements</p> <p class="even">even of the whimsical clients; there are no</p> <p class="complex"> complex tasks for us!</p><p class="tks">Thanks for your choice! Our company can boast the reputation of the </p> <p class="trusted"> trusted partner known worldwide. We are proud of the uncompromising </p> <p class="quality"> quality of services</p></p>
        <button class="read">Read More</button>


        <img class="mulher" src="C:\Users\Elvo\OneDrive\Área de Trabalho\html\javascript\image/business-woman-2756210_1920.jpg"  >


        <form action="" class="formulario">

            <h2 class="form">Contact Form</h2>

              <label class="email" for="email">Email</label>
              <br>
              <input id="email" type="email" name="email"></input>
              <br>
              <br>

              <label class="name" for="name">First Nome</label>
              <br>
              <input id="name" type="text" name="name">
              <br>
              <br>

              <label class="second" for="secondname">Second Name</label>
              <br>
              <input id="secondname" type="text" name="secondname">
              <br>
              <br>

              <button class="submit" type="submit">Subscribe</button>

          </fieldset>
        </form>

        <footer>
            <div class="retangulo"></div>
            <a class="fin2" href="#Fin">Fin</a> <a class="expert2" href="#expert">Expert</a>
            <p class="welcome2">Welcome to the leading company <p class="delivering">delivering services that combine quality,</p> <p class="reliability">reliability and compliance!</p></p>
            <p class="follow">Follow Us:</p>

            <a  href="#"><img class="face" src="https://img.icons8.com/ios-filled/30/ffffff/facebook-circled--v1.png"/></a>

            <a href="#"><img class="twitter" src="https://img.icons8.com/ios-filled/30/ffffff/twitter-circled--v1.png"/></a>

            <a href="#"><img class="in" src="https://img.icons8.com/ios-filled/30/ffffff/linkedin-circled--v1.png"/></a>

            <p class="navegacao">Navigation</p>
            <hr class="linha1">

            <nav class="navegar">

             <a class="about2" href="#">About</a>
             <a class="blog2" href="#">Blog</a>
             <a class="contacts3" href="#">Contacts</a>
             <a class="archives" href="#">Archives</a>
             <a class="service2" href="#">Services</a>
             <a class="news" href="#">News</a>
             <a class="team2" href="#">Our team</a>
            </nav>


            <p class="contact2">Contact info</p>


            <img class="fixo2" src="https://img.icons8.com/metro/20/4a90e2/phone.png"/>
            <a class="telefone2" href="#">(123)456-78910</a>


            <img class="gmail" src="https://img.icons8.com/ios-glyphs/23/4a90e2/gmail.png"/>
            <a class="email2" href="#email">info@demolink.org</a>


            <img class="relogio2" src="https://img.icons8.com/ios-glyphs/23/4a90e2/clock--v1.png"/>
            <a class="horario2">Mon - Sat: 9:00 - 18:00</a>
            <hr class="linha2">

            <img class="local2" src="https://img.icons8.com/material-sharp/24/4a90e2/marker.png" width="26px" />
            <a class="localizar" href="">267 Park Avenue New York, <a href="" class="ny"> NY 90210</a></a>


            <p class="subscribe">Subscribe</p>
            <p class="get">Get latest updates and offers.</p>

            <input class="email3" type="email" placeholder="Email*">
            <button class="send">Send</button>
            <hr class="linha3">
          </footer>

          </article>

</body>

<script src="tabs.js"></script>
<script src="drop.js"></script>


</body>