BEATRIZ-HTML/u.pack.html at master · beatrizchavesf/BEATRIZ-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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>U.pack</title>
    <link href="estilos.css" type="text/css" rel="stylesheet">
    <link href="css/hover-min.css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">

</head>
<body>
    <div class=grid-container>
  <nav class="menu">
   <ul>

   <li style="float:right" >DESIGN</li>
   <a href="PORTFOLIO.html"> <li>HOME</li></a>
   <a href="ABOUT-ME.html"> <li>ABOUT ME</li></a>
   <a href="WORK.html"> <li>WORK</li></a>
   </ul>
   </nav>

    <header >

    <h1>WORK</h1>
    <h2>U.PACK</h2>

    </header>
         <div class="work-zone">

        <div class="box-image"><img src="images/2.jpg" alt="images" width="640" height="756,25">
        </div>
        <div class="box-work">
           <div class="box-title">  <div class="astr-title"><p>U.PACK</p> </div>
            <div class="pro-title"><p>PROJETO EM DESIGN I</p></div>
               <p>GRÁFICO</p></div>
            <div class="pro-title"><p>AUTOR</p></div>
            <p>BEATRIZ CHAVES | ANA GASPAR | MARIANA TAVEIRA</p>
            <div class="pro-title"><p>FORMATO</p> </div>
            <p>IMPRESSO</p>
            <div class="pro-title"><p>ANO</p> </div>
            <p>2018/2019</p>
            <div class="astr-title"> <p>ABOUT</p></div>
            <p>A marca u.pack tem uma medida para reduzir uso constante do plástico, propondo uma embalagem (packging) onde comprar os seus produtos a granel, abolindo os sacos de projetos para o ambiente.

O logotipo / marca surge de uma conjugação entre a escolha e a sustentabilidade.

O símbolo é um quadrado de pontas arredondadas de cor amarela, remetendo-se para uma ideia de empacotar, e um branco está representado como inicias da marca, UP.


</p>


            </div></div>
        <div class="contact-title"><h3>CONTACT</h3>
        </div>
        <div class="contact-form">

    <form id="contact-form" method="post" action="">
        <div class="input-row">


            <input name="name" type="text" class="form-control" placeholder="Your Name" required><br>

            <input name="email" type="email" class="form-control" placeholder="Your Email" required>
             <br>

            <input name="phone" type="number" class="form-control" placeholder="Your Phone" required><br>


            <textarea name="mensage" class="form-control" placeholder="Mensage" rows="4" required></textarea>

        </div>
            <input type="submit" class="form-control submit" placeholder="SEND" required></form>
        </div>
        <div class="footer">
          <a href="https://www.instagram.com/beatrizchavesf/"><i class="fab fa-instagram alinhado"></i></a><a href="https://www.facebook.com/lo120120120120"><i class="fab fa-facebook alinhado"></i></a>
           <div class="menu-footer">
               <ul>
   <a href="PORTFOLIO.html" class="home"> <li>HOME</li></a>
   <a href="ABOUT-ME.html"> <li>ABOUT ME</li></a>
   <a href="WORK.html"> <li>WORK</li></a>
               </ul></div>

        </div>

    </div>
    </body>
    </html>