Vizly/home.html at main · rashmip2102/Vizly · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vizly.welcome</title>
</head>
<link rel="stylesheet" href="styleHome.css">

<body id="bodyWelcome" style="background-color: #b8e0fc;">
    <nav class="navbar">
        <ul>
            <img src="logo.png" id="logo">
            <li><a href="">About Us</a></li>
            <li><a href="">Sign In / Login</a></li>
            <li><!--<a href="">Stock Data</a>-->
                <div class="drop">
                    <button class="dropbtn">Stock Data</button>
                    <!--<a href="">Visualize</a>-->
                    <div class="drop-down">
                        <a href="">Ticker Symbol</a>
                        <a href="">Simple Moving Average</a>
                        <a href="">Exponential Moving Average</a>
                    </div>
                </div>
            </li>
            <li>
                <div class="drop">
                    <button class="dropbtn">Visualize</button>
                    <!--<a href="">Visualize</a>-->
                    <div class="drop-down">
                        <a href="">Simple Moving Average</a>
                        <a href="">Exponential Moving Average</a>
                        <a href="">Bollinger's Band</a>
                        <a href="">Candlestick Graph</a>
                    </div>
                </div>

            </li>
            <li><a href="">Home</a></li>
        </ul>
    </nav>
    <p>Do you want to calculate the Simple Moving Average or the Exponential moving average for some historical data? All you need to do is enter the Ticker symbol, the start and end dates and the number of trading days.</p>
    <div class="flex-container">
        <div class="flex-box"><a href="">Simple Moving Average</a></div>
        <div class="flex-box"><a href="">Exponential Moving Average</a></div>
    </div>
    <p>Or do you want to visualize the Simple Moving Average, Exponential Moving Average, Bollinger's Band or Candlestick chart?  Again all you need to do is enter the Ticker symbol, the start and end dates and the number of trading days.</p>
    <div class="flex-container">
        <div class="flex-box"><a href="">SMA Visualizer</a></div>
        <div class="flex-box"><a href="">EMA Visualizer</a></div>
        <div class="flex-box"><a href="">Bollinger's Band Visualizer</a></div>
        <div class="flex-box"><a href="">Candlestick Chart</a></div>
    </div>
</body>


</html>