Speedometer/index.html at master · Pinto-PINTO/Speedometer · 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
<!DOCTYPE html>
<html>

<head>
    <title>Speedometer</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <div  class="speedometer-container">
        <div class="speedometer text-center">
            <h5 class="title">Fundamental Analysis for <span class="text-primary ">AUDUSD</span></h5>

            <div class="speedometer-ranges"></div>

            <div class="speedometer-background" id="speedometer-background">
                <div class="speedometer-center"></div>
            </div>

            <div class="speedometer-background-hide pt-4">
                <h1 class="status-txt fw-bold" id="status-txt">Neutral</h1>
            </div>

            <div class="speedometer-needle"></div>

            <div class="range-text range-text-1">Strong<br />Sell</div>
            <div class="range-text range-text-2">Sell</div>
            <div class="range-text range-text-3">Neutral</div>
            <div class="range-text range-text-4">Buy</div>
            <div class="range-text range-text-5">Strong<br />Buy</div>

        </div>
    </div>


    <script src="script.js"></script>
</body>

</html>