Pychef/pratos.html at main · GBarbosa21/Pychef · 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">

    <!-- Meus CSS -->
    <link rel="stylesheet" href="./css/meuestilo.min.css">

    <link href="img/favicon.ico" rel="icon">
    <title>PyChef - Pratos</title>

  </head>
  <body class="over">

    <!-- NavBar de cabeçalho-->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand PyTitulo" href="index.html">PyChef</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="index.html">Home</a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="#">Pratos<span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="mesas.html">Mesas</a>
      </li>
    </ul>
  </div>
  <a href="login.html">
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-person-fill" viewBox="0 0 16 16">
      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
    </svg>
  </a>
</nav>

<!-- CONTAINER PRATOS -->
<div class="container">
    <h2 class="Ptfont">Pratos Principais</h2>
    <hr class="linHr">

    <!-- PYCANHA -->
    <div class="row">
      <div class="col-md-4">
        <img src="img/picanha.jpg" class="cardaImg">
      </div>
      <div class="col-lg-8">
        <p class="text-justify cardaTxt">Uma deliciosa peça de picanha, cuidadosamente temperada com alho e sal grosso,
          grelhada até atingir a suculência perfeita. Acompanhada de cebolas douradas na manteiga, farofa de mandioca
          crocante, arroz branco soltinho e vinagrete fresco. Uma verdadeira experiência gastronômica brasileira,
          que combina sabor e tradição em cada pedaço.</p>
      </div>
      <div class="col-lg-8">
        <p class="cardaTxt cardaPrice">PYcanha</p>
      </div>
      <div class="col-md-4">
        <p class="cardaTxt cardaPrice"> R$ 79,90</p>
      </div>
    </div>
    <hr class="linHr">

    <!-- BaC#lhau -->
    <div class="row">
      <div class="col-lg-8">
        <p class="text-justify cardaTxt">Um lombo de bacalhau suculento, desfiado em lascas macias, acompanhado por batatas, ovos,
          cebolas caramelizadas e azeitonas, regado com azeite e polvilhado com salsinha fresca. Uma experiência autêntica da culinária
          portuguesa, equilibrando sabores e texturas tradicionais.</p>
      </div>
      <div class="col-md-4">
        <img src="img/bacalhau.jpg" class="cardaImg">
      </div>
      <div class="col-lg-8">
        <p class="cardaTxt cardaPrice">BaC#lhau</p>
      </div>
      <div class="col-md-4">
        <p class="cardaTxt cardaPrice"> R$ 89,90</p>
      </div>
    </div>
    <hr class="linHr">

</div>

<footer class="ftBS">
  <div class="container">
      <div class="row">
          <div class="col-sm-1">
              <img src="img/garfo.png" class="imgFooter">
          </div>
          <div class="col-sm-2">
              <img src="img/vinho.png" class="imgFooter">
          </div>
          <div class="col-sm-2">
              <img src="img/hamburguer.png" class="imgFooter">
          </div>
          <div class="col-sm-2">
              <img src="img/PyChefIc.png" class="pyImg">
              <p class="PyFoot">PyChef</p>
          </div>
          <div class="col-sm-2">
              <img src="img/hamburguer.png" class="imgFooter">
          </div>
          <div class="col-sm-2">
              <img src="img/vinho.png" class="imgFooter ">
          </div>
          <div class="col-sm-1">
              <img src="img/garfo.png" class="imgFooter">
          </div>

      </div>
  </div>

  <!-- Criando um namimg rights da pagina -->
  <p class="naming">Desenvolvido com orgulho por PyChef. Todos os direitos reservados.</p>
</footer>

    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
    -->
  </body>
</html>