StaticStoreFront/index.html at master · Helouj/StaticStoreFront · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="index.css">
    <title>Funimation</title>
</head>
<header>
    <div id = "announcediv">
        spring anime is here! see the shows of the season!
    </div>
    <div>
        <table id = "navtable">
            <tr>
                <td><img src="assets/funimationlogok.png" alt="">
                    <td>What's New
                        <td>Discover
                            <td>Shows
                                <td>Shop
                                    <td>Log in
                                        <td> <img src="assets/search.png" alt="">
                                            <td> <img src="assets/cart.png" alt="">
                                                    <!-- top nav bar stuff here-->
                                            </td>
                                        </td>
                                    </td>
                                </td>
                            </td>
                        </td>
                    </td>
                </td>
            </tr>

        </table>
    </div>


</header>


<body>

<div class = "centeraligndiv">
    <div class = "videooverlay">
        <video autoplay muted loop id="myVideo">
            <source src="assets/backgroundvideo.mp4" type="video/mp4">
            </video>
        </div>
    </div>
</div>

<h1 class = "overlayh1">Stream Extraordinary anime</h1>
<p class = "overlayp">Enjoy Funimation's complete library of anime subs and dubs ad-free – anytime, anywhere<br> – starting at only $5.99 a month.</p>


    <div class = "fullsizeimage"> <img class = "fullsizeimage" src="assets/darling.jpg" alt="buy dvd"></div>


    <div class = "imggallerydiv">

        <div> <figure> <img src="assets/ghoul.jpg" alt="" class = "imgingallery"> <figcaption>Tokyo Ghoul</figcaption></figure>
            <figure> <img src="assets/fairytail.jpg" alt="" class = "imgingallery"> <figcaption>Fairy Tail </figcaption></figure>
            <figure> <img src="assets/blackclover.jpg" alt="" class = "imgingallery"> <figcaption>Black Clover</figcaption></figure>
            <figure> <img src="assets/slime.jpg" alt="" class = "imgingallery"> <figcaption>That time I got reincarnated as a slime</figcaption></figure></div>

    </div>
    <section>
        <div>
            <h1>Sign up for funimation now!</h1>
            <p>watch hundreds of ad free anime for 5.99 a month</p>
            <button>Sign Up!</button>

        </div>
        <div>
            <picture></picture>

        </div>
        <div>
            <table>
                <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>

            </table>

        </div>

        <div>
                <section>
                    <h1>funimationnow favorites</h1>

                </section>

                <div> <figure> <img class = "imgingallery" src="assets/dbz.jpg" alt="" > <figcaption>Dragonball Z</figcaption></figure>
                    <figure> <img src="assets/onepiece.jpg" alt="" class = "imgingallery"> <figcaption>One Piece</figcaption></figure>
                    <figure> <img src="assets/cowboy.jpg" alt="" class = "imgingallery"> <figcaption>Cowboy Bebop</figcaption></figure>
                    <figure> <img src="assets/aot.jpg" alt="" class = "imgingallery"> <figcaption>Attack on Titan</figcaption></figure></div>

            </div>


            <div>
                    <section>
                        <h1>see what other fans are watching!</h1>

                    </section>
                    <div> <figure> <img src="assets/onepiece.jpg" alt="" class = "imgingallery"> <figcaption>One Piece</figcaption></figure>
                        <figure> <img src="assets/fairytail.jpg" alt="" class = "imgingallery"> <figcaption>Fairytail</figcaption></figure>
                        <figure> <img src="assets/hero.jpg" alt="" class = "imgingallery"> <figcaption>My Hero Academia</figcaption></figure>
                        <figure> <img src="assets/blackclover.jpg" alt="" class = "imgingallery"> <figcaption>Black Clover</figcaption></figure></div>

                </div>

                </div>


    </section>
    <footer>
        <div><p>About Funimation</p></div>
        <div><p>Customer Support</p></div>
        <div><p>Terms of Use</p></div>
        <div><p>Privacy Policy</p></div>

    </footer>


</body>
</html>