DIO-Modern-HTML/index.html at master · ravigomez/DIO-Modern-HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="styles.css" />

    <title>
      My Company
    </title>
  </head>

  <body>
    <nav>
      <ul>
        <a href="#services"> <li>Services</li></a>
        <a href="#clients"> <li>Clients</li></a>
        <a href="#partners"> <li>Partners</li></a>
        <a href="#team"> <li>Team</li></a>
        <a href="#contact"> <li>Contact</li></a>
      </ul>
    </nav>

    <h1>My Company</h1>

    <section id="services">
      <h2>SERVICES</h2>

      <p>
        We work with tecnologyes that change the worldWe work with tecnologyes
        that change the worldWe work with tecnologyes that change the worldWe
        work with tecnologyes that change the worldWe work with tecnologyes that
        change the worldWe work with tecnologyes that change the worldWe work
        with tecnologyes that change the worldWe work with tecnologyes that
        change the worldWe work with tecnologyes that change the worldWe work
        with tecnologyes that change the worldWe work with tecnologyes that
        change the worldWe work with tecnologyes that change the worldWe work
        with tecnologyes that change the worldWe work with tecnologyes that
        change the world
      </p>

      <div>
        <img src="assets/dev1.jpg" width="300" />
      </div>
      <div>
        <img src="assets/dev2.jpg" width="300" />
      </div>
    </section>

    <section id="clients">
      <h2>CLIENTS</h2>

      <p>Our clients</p>
    </section>

    <section id="partners">
      <h2>PARTNERS</h2>
      <p>Partners description page</p>

      <div>
        <a href="https://canonical.com" target="_blank">
          <img src="assets/partner2.jpg" width="200" />
        </a>
      </div>
      <div>
        <a href="https://www.microsoft.com" target="_blank">
          <img src="assets/partner1.jpg" width="200" />
        </a>
      </div>
    </section>

    <section id="team">
      <h2>TEAM</h2>
      <p>
        Nosso time trabalha arduo para entregar seu produto no prazo e com
        qualidade
      </p>

      <div>
        <img src="assets/team.jpg" width="300px" />
      </div>
      <div>
        <img src="assets/team2.jpg" width="300px" />
      </div>
    </section>

    <section id="contact">
      <h2>CONTACT</h2>
      <p>Be in touch</p>

      <a href="tel:9872626776"> <p>21 98726-7192</p></a>
      <a href="mailto:contato@minhacompania.com">
        <p>contato@minhacompania.com</p></a
      >
    </section>

    <footer>
      <p>Desenvolvido por Rafael Gomez</p>
    </footer>
  </body>
</html>