Stockly/index.html at master · zippytyro/Stockly · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="images/stockly.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stockly</title>
    <!-- font awesome CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
    <!-- Google fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Prompt&family=Righteous&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- Header and Navbar -->
    <header id="header">
        <img id="header-img" src="" alt="">
        <span class="brand" id="header" href="#">
            <p><a href="/">Stockly</a> </p>
        </span>
        <nav id="nav-bar">
            <a onclick="closeNav()" id="nav-bar-close" href="javascript:void(0)">&times;</a>
            <a onclick="closeNav()" class="nav-link" href="#home">Home</a>
            <a onclick="closeNav()" class="nav-link" href="#features">Features</a>
            <a onclick="closeNav()" class="nav-link" href="#pricing">Pricing</a>
            <div class="nav-icons">
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-facebook"></i></a>
            </div>
        </nav>
        <span onclick="openNav()" class="nav-toggle"><i class="fas fa-bars"></i></span>
    </header>
    <!-- Home section -->
    <noscript>Your browser does not support JavaScript!</noscript>
    <main>
        <div id="home" class="home">
            <div class="home-section">
                <h1>Start Trading today.</h1>
                <p>Start trading with our intuitive platform</p>
                <a href="#form"><button>Get Started</button></a>
            </div>
        </div>
        <!-- video section -->
        <div class="video">
            <h2>How stock exchange works?</h2>
            <iframe id="video" src="https://www.youtube.com/embed/F3QpgXBtDeo" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
        </div>
        <!-- features section -->
        <div id="features" class="features">
            <div class="feature-container">
                <img src="images/file_sync_ot38.svg" alt="">
                <h2>Synchronized</h2>
                <p>Our platform is fully synchronized, with a mobile app for android and iOS available on playstore and
                    Appstore</p>
            </div>
            <div class="feature-container">
                <img src="images/options_2fvi.svg" alt="">
                <h2>Intuitive Platform</h2>
                <p>People who are newe to our trading find it easy to trade stocks on our platform. Why don't give a
                    try? </p>
            </div>
            <div class="feature-container">
                <img src="images/progressive_app_m9ms.svg" alt="">
                <h2>Newbie Friendly</h2>
                <p>Learning to trade takes time, so we built the most AI driven platform so that you focus on what's
                    important.</p>
            </div>
        </div>
        <div id="pricing" class="pricing">
            <h2>Pricing</h2>
            <div class="pricing-container">
                <div class="pricing-container-head">
                    <h2>Bronze</h2>
                </div>
                <p>1000 points for demo</p>
                <p>Free 'Get started" book</p>
                <p>1 person per account</p>
                <button>Get started [&#8377;0]</button>
            </div>
            <div class="pricing-container">
                <div class="pricing-container-head">
                    <h2>Silver</h2>
                </div>
                <p>All the bronze features</p>
                <p>Access to forum</p>
                <p>2 persons per account</p>
                <button>Get started [&#8377;199]</button>
            </div>
            <div class="pricing-container">
                <div class="pricing-container-head">
                    <h2>Platinum</h2>
                </div>
                <p>All Silver features</p>
                <p>Access to 'Stockly Learn'</p>
                <p>10 persons per account</p>
                <button>Get started [&#8377;499]</button>
            </div>
        </div>
        <div class="sign-up">
            <h2>Sign-up with E-mail</h2>
            <form id="form">
                <input type="email" id="email" name="email" placeholder="Enter Email" required>
                <button id="submit">Send Me!</button>
            </form>
        </div>
        <footer class="footer">
            <div class="footer-menu">
                <h4>Company</h4>
                <a href="">Events</a>
                <a href="">Opportunities</a>
                <a href="">Resources</a>
                <a href="">Jobs</a>
            </div>
            <div class="footer-menu">
                <h4>Community</h4>
                <a href="">Forum</a>
                <a href="">Stockly Learn</a>
                <a href="">People</a>
                <a href="">Administrators</a>
            </div>

        </footer>
        <p class="copyright">Copyright &copy; Stockly Pvt Ltd., <span id="date"></span></p>
        <!-- <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> -->
        <script src="index.js"></script>
    </main>
</body>

</html>