Merge pull request #1 from Willyang10x/development

Merge development in main
Willyang10x · Jan 4, 2025 · 6fa1e38 · 6fa1e38
2 parents 81457b7 + 9586b4e
commit 6fa1e38
Show file tree

Hide file tree

Showing 81 changed files with 1,956 additions and 339 deletions.
diff --git a/Assets/icons/back-arrow-white.png b/Assets/icons/back-arrow-white.png
diff --git a/Assets/icons/github.png b/Assets/icons/github.png
diff --git a/img/image-removebg-preview (11).png → Assets/icons/image-removebg-preview (11).png b/img/image-removebg-preview (11).png → Assets/icons/image-removebg-preview (11).png
diff --git a/img/image-removebg-preview (12).png → Assets/icons/image-removebg-preview (12).png b/img/image-removebg-preview (12).png → Assets/icons/image-removebg-preview (12).png
diff --git a/img/image-removebg-preview (9).png → Assets/icons/image-removebg-preview (9).png b/img/image-removebg-preview (9).png → Assets/icons/image-removebg-preview (9).png
diff --git a/Assets/icons/interruptor1.png b/Assets/icons/interruptor1.png
diff --git a/Assets/icons/interruptor2.png b/Assets/icons/interruptor2.png
diff --git a/Assets/icons/logo wg (2).png b/Assets/icons/logo wg (2).png
diff --git a/Assets/icons/logo wg 3.png b/Assets/icons/logo wg 3.png
diff --git a/Assets/icons/logo wg.png b/Assets/icons/logo wg.png
diff --git a/Assets/icons/logo-easy 2.png b/Assets/icons/logo-easy 2.png
diff --git a/Assets/icons/logo-easy.png b/Assets/icons/logo-easy.png
diff --git a/Assets/icons/logo-ovos.jpg b/Assets/icons/logo-ovos.jpg
diff --git a/Assets/icons/logo_wg-removebg-preview.png b/Assets/icons/logo_wg-removebg-preview.png
diff --git a/Assets/icons/seta voltar (2).png b/Assets/icons/seta voltar (2).png
diff --git a/Assets/icons/seta voltar.png b/Assets/icons/seta voltar.png
diff --git a/Assets/imagens/Frame.jpg b/Assets/imagens/Frame.jpg
diff --git a/Assets/imagens/Home.png b/Assets/imagens/Home.png
diff --git a/Assets/imagens/JR-cartão.jpg b/Assets/imagens/JR-cartão.jpg
diff --git a/Assets/imagens/Sem-Título-1_01.png b/Assets/imagens/Sem-Título-1_01.png
diff --git a/Assets/imagens/Sem-Título-2_02.png b/Assets/imagens/Sem-Título-2_02.png
diff --git a/Assets/imagens/Sem-Título-3.png b/Assets/imagens/Sem-Título-3.png
diff --git a/Assets/imagens/VIDEO-EASY.png b/Assets/imagens/VIDEO-EASY.png
diff --git a/Assets/imagens/banner-wg.png b/Assets/imagens/banner-wg.png
diff --git a/img/bone-wg.jpg → Assets/imagens/bone-wg.jpg b/img/bone-wg.jpg → Assets/imagens/bone-wg.jpg
diff --git a/Assets/imagens/carrosel-1.PNG b/Assets/imagens/carrosel-1.PNG
diff --git a/Assets/imagens/carrosel-2.GIF b/Assets/imagens/carrosel-2.GIF
diff --git a/Assets/imagens/carrosel-3.GIF b/Assets/imagens/carrosel-3.GIF
diff --git a/Assets/imagens/carrosel-4.GIF b/Assets/imagens/carrosel-4.GIF
diff --git a/Assets/imagens/carrosel-5.GIF b/Assets/imagens/carrosel-5.GIF
diff --git a/Assets/imagens/carrosel-6.GIF b/Assets/imagens/carrosel-6.GIF
diff --git a/Assets/imagens/cart-1.JPG b/Assets/imagens/cart-1.JPG
diff --git a/Assets/imagens/cart-2.JPG b/Assets/imagens/cart-2.JPG
diff --git a/Assets/imagens/cart-ovo-1.JPG b/Assets/imagens/cart-ovo-1.JPG
diff --git a/Assets/imagens/cart-ovo-2.JPG b/Assets/imagens/cart-ovo-2.JPG
diff --git a/img/cartao de visita.jpg → Assets/imagens/cartao de visita.jpg b/img/cartao de visita.jpg → Assets/imagens/cartao de visita.jpg
diff --git a/img/hamburguer.jpg → Assets/imagens/hamburguer.jpg b/img/hamburguer.jpg → Assets/imagens/hamburguer.jpg
diff --git a/img/image-removebg-preview (10).png → ...s/imagens/image-removebg-preview (10).png b/img/image-removebg-preview (10).png → ...s/imagens/image-removebg-preview (10).png
diff --git a/Assets/imagens/img-Essencia 1.png b/Assets/imagens/img-Essencia 1.png
diff --git a/Assets/imagens/img-Essencia.jpg b/Assets/imagens/img-Essencia.jpg
diff --git a/Assets/imagens/jr-img.jpg b/Assets/imagens/jr-img.jpg
diff --git a/Assets/imagens/jr-mockup.jpg b/Assets/imagens/jr-mockup.jpg
diff --git a/Assets/imagens/jr-parede.jpg b/Assets/imagens/jr-parede.jpg
diff --git a/img/parede-will.jpg → Assets/imagens/parede-will.jpg b/img/parede-will.jpg → Assets/imagens/parede-will.jpg
diff --git a/img/pj-po.jpg → Assets/imagens/pj-po.jpg b/img/pj-po.jpg → Assets/imagens/pj-po.jpg
diff --git a/Assets/imagens/post 4.png b/Assets/imagens/post 4.png
diff --git a/Assets/imagens/post-carrosel-feed-easy_03_01.png b/Assets/imagens/post-carrosel-feed-easy_03_01.png
diff --git a/Assets/imagens/post-carrosel-feed-easy_03_02.png b/Assets/imagens/post-carrosel-feed-easy_03_02.png
diff --git a/Assets/imagens/post-carrosel-feed-easy_03_03.png b/Assets/imagens/post-carrosel-feed-easy_03_03.png
diff --git a/img/post.71 copiar.jpg → Assets/imagens/post.71 copiar.jpg b/img/post.71 copiar.jpg → Assets/imagens/post.71 copiar.jpg
diff --git a/img/post.71.jpg → Assets/imagens/post.71.jpg b/img/post.71.jpg → Assets/imagens/post.71.jpg
diff --git a/img/post.72.jpg → Assets/imagens/post.72.jpg b/img/post.72.jpg → Assets/imagens/post.72.jpg
diff --git a/Assets/imagens/post1.png b/Assets/imagens/post1.png
diff --git a/Assets/imagens/post1fee.PNG b/Assets/imagens/post1fee.PNG
diff --git a/Assets/imagens/post2.PNG b/Assets/imagens/post2.PNG
diff --git a/Assets/imagens/post3.PNG b/Assets/imagens/post3.PNG
diff --git a/img/sao jose.psd → Assets/imagens/sao jose.psd b/img/sao jose.psd → Assets/imagens/sao jose.psd
diff --git a/Assets/imagens/treident 3.PNG b/Assets/imagens/treident 3.PNG
diff --git a/Assets/imagens/trident 1.PNG b/Assets/imagens/trident 1.PNG
diff --git a/Assets/imagens/trident 2.PNG b/Assets/imagens/trident 2.PNG
diff --git a/Assets/imagens/video-essencia.jpg b/Assets/imagens/video-essencia.jpg
diff --git a/Assets/videos/motion-2will.mp4 b/Assets/videos/motion-2will.mp4
diff --git a/Assets/videos/motion-post1.mp4 b/Assets/videos/motion-post1.mp4
diff --git a/Components/Footer/footer.css b/Components/Footer/footer.css
@@ -0,0 +1,238 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+
+  body {
+    font-family: 'Arial', sans-serif;
+    background-color: #f0f0f0;
+    color: #333;
+  }
+
+
+  .footer-container {
+    max-width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-items: center;
+    background: linear-gradient(90deg, rgba(0, 109, 179, 1) 0%, rgba(0, 157, 255, 1) 100%); /* Suas cores */
+    border-radius: 15px 15px 0 0;
+    color: #fff;
+    margin-top: 20px;
+    padding: 20px;
+  }
+
+
+  .footer-logo {
+    text-align: center;
+  }
+
+  .logo-img:hover {
+    transform: scale(1.1);
+  }
+
+  .logo-img {
+    max-width: 100px;
+    border-radius: 50%;
+    margin-bottom: 10px;
+    transition: transform 0.2s ease;
+  }
+
+  .company-desc {
+    font-size: 14px;
+    font-style: italic;
+    transition: color 0.3s ease;
+  }
+
+  .footer-logo a:hover .company-desc {
+    color: #00e1ff; 
+  }
+
+
+  .footer-info p {
+    margin-bottom: 8px;
+    text-align: center;
+  }
+
+  .footer-info a {
+    color: #ffffff;
+    text-decoration: none;
+  }
+
+  .footer-info a:hover {
+    color: #00e1ff; 
+  }
+
+
+  .footer-subscribe form {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .subscribe-label {
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+
+  .footer-subscribe input {
+    width: 100%;
+    padding: 10px;
+    border-radius: 8px;
+    border: 2px solid #08507c;
+    margin-bottom: 10px;
+  }
+
+  .footer-subscribe button {
+    width: 100%;
+    padding: 10px 20px;
+    border-radius: 8px;
+    background-color: #ffffff; 
+    color: #009dff;
+    border: none;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+
+  .banner {
+    width: 100%; 
+    max-width: 100%; 
+    margin: 0 auto; 
+    overflow: hidden; 
+  }
+
+  .banner img {
+    width: 100%; 
+    height: auto; 
+    display: block; 
+  }
+
+
+  .footer-subscribe button:hover {
+    background-color: #0e4a6e; 
+  }
+
+
+  .footer-social {
+    text-align: center;
+    margin-top: 20px;
+  }
+
+  .footer-social p {
+    margin-bottom: 10px;
+  }
+
+  .footer-social a {
+    margin: 0 10px;
+    color: #fff;
+    font-size: 24px;
+    transition: color 0.3s;
+  }
+
+  .footer-social a:hover {
+    color: #00e1ff; 
+  }
+
+
+  .footer-copyright {
+    text-align: center;
+    padding-top: 20px;
+    font-size: 14px;
+    color: #fff;
+    width: 100%;
+  }
+
+
+@media (max-width: 1024px) {
+  .footer-container {
+      flex-direction: column;
+      text-align: center;
+  }
+
+  .footer-logo, 
+  .footer-info, 
+  .footer-subscribe, 
+  .footer-social {
+      flex: 1 1 100%;
+      margin-bottom: 20px;
+  }
+
+  .footer-subscribe form {
+      align-items: center;
+  }
+}
+
+
+@media (max-width: 768px) {
+  .footer-container {
+      flex-direction: column;
+      text-align: center;
+  }
+
+  .footer-logo, 
+  .footer-info, 
+  .footer-subscribe, 
+  .footer-social {
+      flex: 1 1 100%;
+      margin-bottom: 20px;
+  }
+
+  .footer-subscribe form {
+      align-items: center;
+  }
+
+  .footer-social a {
+      font-size: 20px;
+      margin: 0 5px;
+  }
+
+  .footer-copyright {
+      font-size: 12px;
+  }
+}
+
+
+@media (max-width: 480px) {
+  .footer-social a {
+      font-size: 18px;
+      margin: 0 5px;
+  }
+
+  .footer-container {
+      padding: 20px 10px;
+  }
+
+  .footer-subscribe input,
+  .footer-subscribe button {
+      width: 90%;
+  }
+
+  .footer-copyright {
+      font-size: 10px;
+  }
+
+  .footer-info p {
+      font-size: 12px; 
+  }
+}
+
+
+@media (min-width: 1200px) {
+  .footer-container {
+      padding: 30px;
+  }
+
+  .footer-logo img {
+      max-width: 150px;
+  }
+
+  .footer-info p, .footer-social p {
+      font-size: 16px; 
+  }
+}
+
+
diff --git a/Components/Footer/footer.html b/Components/Footer/footer.html
@@ -0,0 +1,63 @@
+<!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="footer.css">
+    <title>Footer</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+</head>
+<body>
+
+  <div class="banner">
+    <a href="/Assets/imagens/banner-wg.png" target="_blank" rel="noopener noreferrer">
+      <img src="/Assets/imagens/banner-wg.png" alt="banner-wg">
+    </a>
+  </div>
+
+<footer>
+    <div class="footer-container">
+
+      <div class="footer-logo">
+        <a href="/Components/Home/index.html" style="text-decoration: none; color: inherit;">
+          <img src="/Assets/icons/logo wg.png" alt="Logo WG" class="logo-img">
+          <p class="company-desc">Criando designs únicos e experiências visuais.</p>
+        </a>
+      </div>
+
+
+
+
+        <div class="footer-info">
+          <p>Entre em contato:</p>
+          <p>E-mail: <a href="mailto:willyangabrielfxt@gmail.com">willyangabrielfxt@gmail.com</a></p>
+          <p>Telefone: <a href="tel:+5583988688864">+55 83 98868-8864</a></p>
+        </div>
+
+
+        <div class="footer-subscribe">
+          <label class="subscribe-label" for="newsletter">Assine nossa Newsletter</label>
+          <form>
+            <input type="email" id="newsletter" placeholder="Seu email" required>
+            <button type="submit">Assinar</button>
+          </form>
+        </div>
+
+
+        <div class="footer-social">
+          <p>Me siga nas redes sociais:</p>
+          <a href="https://github.com/Willyang10x" target="_blank"><i class="fab fa-github"></i></a>
+          <a href="https://www.instagram.com/willdsg07/" target="_blank"><i class="fab fa-instagram"></i></a>
+          <a href="https://www.linkedin.com/in/willyan-gabriel-70b53b344" target="_blank"><i class="fab fa-linkedin"></i></a>
+        </div>
+
+
+        <div class="footer-copyright">
+          <p>&copy; 2024 WG - Designer. Todos os direitos reservados.</p>
+        </div>
+      </div>
+
+</footer>
+</body>
+</html>