-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_en.html
70 lines (67 loc) · 3.91 KB
/
index_en.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hoshimya Podcast</title>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@400;700&family=Roboto:wght@400;700&family=Sawarabi+Mincho&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="icon" type="img/stars" href="img/stars.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta name="keywords" content="Anime, Manga, Job opportunities, Publishing, Distributing, Animating, Light novels, Japan, Latin America, Minimal cost, Limited resources, Imagination">
<meta name="description" content="Our company creates job opportunities and provides platforms for publishing, distributing, and animating light novels and manga. We aim to produce anime not only from Japan but also from Latin America. We offer these services at minimal cost, especially for people with limited resources who want to unleash their imagination.">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index_en.html">Home</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#last">Podcast</a></li>
<li><a href="https://hoshimyanimation.me/index_en.html#contact">Contact</a></li>
</ul>
<div class="language-switcher">
<a href="index_en.html">EN</a> | <a href="index.html">ES</a>
</div>
</nav>
</header>
<main>
<section id="podcast" class="animate-on-scroll">
<h1 id="last">Our Latest Podcast Episode</h1>
<div class="podcast-container">
<div class="podcast-image">
<img src="img/ai-generated5.webp" alt="Podcast Cover">
</div>
<div class="podcast-details">
<h2>Episode Title</h2>
<p>Welcome to our latest episode. In this episode, we talk about...</p>
<!--
<audio controls>
<source src="podcast-episode.mp3" type="audio/mpeg">
Tu navegador no soporta el elemento de audio.
</audio>
-->
<div class="spotify-embed">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/episode/2AOdh8NCIONiKui7WM2Pmo?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="section">
<div class="social-icons">
<a href="https://github.com/Hoshimya-Animation" target="_blank" title="GitHub"><i class="fab fa-github""></i></a>
<a href="https://linkedin.com" target="_blank"><i class="fab fa-linkedin" title="LinkedIn"></i></a>
<a href="https://youtube.com" target="_blank"title="YouTube"><i class="fab fa-youtube" ></i></a>
<a href="https://www.facebook.com/share/X4ixftNkrV9Bxafw/?mibextid=qi2Omg" target="_blank"title="Facebook"><i class="fab fa-facebook" ></i></a>
<a href="https://twitter.com" target="_blank" title="X"><i class="fab fa-x"></i></a>
<a href="https://instagram.com" target="_blank"title="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://tiktok.com" target="_blank" title="TikTok"><i class="fab fa-tiktok"></i></a>
</div>
<p>© 2024 HoshimyAnimation. All rights reserved.</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>