User-Interface/index.html at master · fifa-stats/User-Interface · 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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>FIFA Stats 2019</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/index.css">
        <link href="https://fonts.googleapis.com/css?family=Abel|Oswald" rel="stylesheet">
        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
        <script src="./AOS/aos.js" async></script>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
        integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
        <script src="./Components/nav-bar.js" async></script>
        <script src="./Components/buttons.js" async></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- <script src="" async defer></script> -->
        <div class="container">
            <nav>
                <div class="dropdown">
                    <span class="fas fa-arrow-down"></span><span class="nav-text">Navigation</span>
                    <div class="dropdown-content hidden">
                        <a href="#" class="dropdown-link">Home</a>
                        <a href="https://fifastats.netlify.com/" class="dropdown-link">Login/Sign Up</a>
                        <a href="https://fifastats.netlify.com/team/default/fc%20barcelona" class="dropdown-link">Stats</a>
                        <a href="#" class="dropdown-link">Weak Link Finder</a>
                        <a href="https://modest-kilby-28479e.netlify.com/about-us.html " class="dropdown-link">About Us</a>
                    </div>
                </div>
            </nav>
            <div class="mobile-nav-bar">
                <a href="https://modest-kilby-28479e.netlify.com/index.html" class="dropdown-link">Home</a>
                <a href="https://fifastats.netlify.com/" class="dropdown-link">Login/Sign Up</a>
                <a href="https://fifastats.netlify.com/team/default/fc%20barcelona" class="dropdown-link">Stats</a>
                <a href="#" class="dropdown-link">Weak Link Finder</a>
                <a href="https://modest-kilby-28479e.netlify.com/about-us.html" class="dropdown-link">About Us</a>
            </div>
            <div class="header-container">
                <div class="cta-container" data-aos="fade-in" data-aos-duration="3000">
                    <h1>FIFA Stats <br />
                        2019 </h1>
                    <p>A way for you to turn even your weakest links into strong ones, so you can get more value out of your FIFA teams in 2019.</p>
                    <a href="https://fifastats.netlify.com/"> <button class="cta-btn">GET STARTED</button></a>
                </div>
            </div>
            <div class="main-content-container">
                <section class="intro">
                    <span class="fas fa-futbol fa-spin fa-5x"></span>
                        <h2 data-aos="fade-up" data-aos-duration="3000">What We Do</h2>
                        <p data-aos="fade-up" data-aos-duration="3000">Here at FIFA Stats 2019, you'll not only be able to find the latest, most robust stats on all your favorite players and draft up your dream team, but we'll also help to make your team better using our predictive Weak Link Model. With it, we find the weakest links on your team, a 'superstar' who you're likely overpaying, and suggest replacements that bring up the overall value of your team while costing you less. </p>
                        <img data-aos="fade-up" data-aos-duration="3000" src="img/Mockup Futhead Table.png" alt="">
                </section>
               <section class="directory">
                    <span class="fas fa-futbol fa-spin fa-5x"></span>
                    <h2>Directory</h2>
                    <div class="directory-boxes">
                    <section data-aos="fade-right" data-aos-duration="1500" class="directory-content">
                        <img src="img/action-aerial-athletes-1171084.jpg" alt="">
                        <h3>FIFA 2019 Player Stats</h3>
                        <p>Take a look through our player database complete with all the stats you could ever need to start drafting the team you want, today. </p>
                    </section>
                    <section data-aos="fade-right" data-aos-duration="1500" class="directory-content">
                        <img src="img/athletes-ball-black-and-white-1594932.jpg" alt="">
                        <h3>Weak Link Finder</h3>
                        <p>Here, we'll take a look at whatever team you could possibly build with our database, and make it better by making your weak links stronger and getting you a better deal on a high-value player at no extra cost to you.</p>
                    </section>
                    <!-- <section class="directory-content">
                        <img src="img/ball-field-football-47730.jpg" alt="">
                        <h3>Header</h3>
                        <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
                    </section> -->
                    <section section data-aos="fade-up" data-aos-duration="1500" class="directory-content">
                        <img src="img/ballgame-balls-boys-1564868.jpg" alt="">
                        <h3>About Us</h3>
                        <p>Find out more about us and how we brought all of your favorite FIFA stats and players suggestions into one convenient app.</p>
                    </section>
                </div>
                </section>
                <div class="bottom-content">
                    <div class="bottom-cta-container">
                        <h2>FIND YOUR WEAKEST LINKS <span class="bold">TODAY</span></h2>
                        <p>So we can build stronger ones going forward.</p>
                    </div>
                        <div class="btns-container">
                           <a href="https://fifastats.netlify.com/"><button class="cta-btn"> SIGN UP</button></a>
                            <a href="https://modest-kilby-28479e.netlify.com/about-us.html"> <button class="about-us-btn">ABOUT US</button></a>
                        </div>
                </div>
                <footer>
                    <div class="footer-content">
                        <a href="https://modest-kilby-28479e.netlify.com/index.html" class="footer-link gets-border">Home</a>
                        <a href="https://modest-kilby-28479e.netlify.com/about-us.html" class="footer-link gets-border">About Us</a>
                        <a href="https://fifastats.netlify.com/team/default/fc%20barcelona" class="footer-link gets-border">Stats</a>
                        <a href="#" class="footer-link">Weak Link Finder</a>
                    </div>
                </footer>
            </div>
        </div>>
    </body>
</html>