Blackjack50/basics.html at main · Tapiocaba/Blackjack50 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Basic Strategies</title>

    <!-- Bootstrap -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

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

    <!-- Nav bar -->
    <nav class="navMenu">
        <div class="navLeft">
            <a href="index.html" class="navbar-brand">Blackjack50</a>
        </div>
        <div class="navRight">
            <a href="rules.html" class="navbar-option">Rules </a>
            <a href="basics.html" class="navbar-option">Basics </a>
            <a href="advanced.html" class="navbar-option">Advanced </a>
            <div class="dot"></div>
        </div>
    </nav>


    <!-- main article section -->
    <main>
        <div class="article">
            <br>
            <h2 class="learnHeading"> Introduction to Basic Strategy </h2>
            <br>
            <img src="learn-images/stock-bj.jpg" class="banner">
            <br>
            <section id="intro">
                <h2 class="learnHeading"> Introduction </h2>
                    <p class="learnPara">
                        Although basic strategy is not enough to overcome the house edge and guarantee
                        that a player profits from Blackjack, following the rules of basic strategy is the first step in learning how to play.
                    </p>
                    <p class="learnPara">
                        At the beginning of the game, both the player and dealer is dealt 2 cards. Whether the cards dealt contain an
                        Ace determines whether it is a Soft or Hard hand. Depending on which type of hand you have, your strategy should change.
                        Both have different odds on winning against the dealer.
                    </p>
            </section>
            <section id="soft">
                <h2 class="learnHeading">Soft Totals</h2>
                <p class="learnPara">
                    A soft total is any hand in which one of the first two cards is an ace.
                    The ace’s value can either be a 1 or an 11, depending on the situation. Typically, soft hands
                    imply more liquity and better options for the player. When you have a soft hand, it can lead to
                    some of the best chances to win!
                </p>
                <!-- insert picture here of examples -->
                <p class="learnPara">
                    <b> Strategy: </b>
                </p>
                    <ul class="bullets">
                        <li class="bullets-list"> If you have a soft 20 and 19, then <b>stand.</b></li>
                        <li class="bullets-list"> If you have a soft 18, <b>hit.</b> If against a visible 9 through Ace, otherwise <b>stand.</b></li>
                        <li class="bullets-list"> If you have a soft 17 - 13, then <b>hit.</b></li>
                    </ul>
            </section>
            <br>
            <section id="hard">
                <h2 class="learnHeading">Hard Totals</h2>
                <p class="learnPara">
                    In a hard total hand, you won't have as many options to choose what to do. Here, you should always
                    assume that the dealer has a 10 in the hole.
                </p>
                <ul class="bullets">
                    <li class="bullets-list">17 and up always stands</li>
                    <li class="bullets-list">Otherwise, you should always hit</li>
                </ul>
            </section>

            <br>

        </div>

        <!-- side nav bar -->
        <nav class="sidenav">
            <ol>
                <li><a href="#intro">Introduction</a></li>
                <li><a href="#soft">Soft Totals</a></li>
                <li><a href="#hard">Hard Totals</a></li>
            </ol>
        </nav>

    </main>

    <script language="javascript" src="main.js">  </script>
</body>
</html>