Week3Project/index.html at main · markc1914/Week3Project · 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
136
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="./css/styles.css" />

    <title>Call of Duty - MW3 - A fan page</title>
</head>

<body class="bg-dark">
    <!-- our main content area-->
    <div id="main-container" class="container pt-0 pb-5 bg-light px-0">
        <!-- navigation -->
        <nav class="navbar navbar-expand-lg bg-body-tertiary mb-5 py-0">
            <div class="container-fluid text-bg-secondary">
                <a class="navbar-brand" href="#">
                    <img src="./images/cod_icon.jpg" alt="COD" height="40" />
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link" aria-current="page" href="./index.html">Home</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                                aria-expanded="false">
                                Maps
                            </a>
                            <ul class="dropdown-menu">
                                <li><a class="dropdown-item" href="./maps.html">Maps Main</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item" href="./shipment.html">Shipment</a></li>
                                <li><a class="dropdown-item" href="./stash-house.html">Stash House</a></li>
                                <li><a class="dropdown-item" href="./das-haus.html">Das Haus</a></li>
                                <li><a class="dropdown-item" href="./shoot-house.html">Shoot House</a></li>
                                <li><a class="dropdown-item" href="./rust.html">Rust</a></li>
                                <li><a class="dropdown-item" href="./meat-map.html">Meat</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- end navigation-->
        <div class="text-center">
            <img src="https://www.pngall.com/wp-content/uploads/9/Call-of-Duty-Modern-Warfare-Logo-PNG-Clipart.png"
                class="img-fluid" alt="Call of Duty Modern Warfare 3 logo" width="50%" />
        </div>
        <!-- our site header text goes here-->
        <h1 class="text-center mb-5 mt-2">Welcome to my Call of Duty Fan page</h1>


        <!-- content here-->
        <div class="container fs-5 mb-5">
            <p>
                Welcome to our website dedicated to the timeless classic, Call of Duty: Modern Warfare 3, re-released in
                2023 with enhanced features and optimizations for modern gaming platforms. Originally launched in 2011,
                Modern Warfare 3 continues to captivate players with its intense first-person shooter experience set
                amidst a backdrop of global conflict. Developed by Infinity Ward and Sledgehammer Games, this remastered
                edition breathes new life into the iconic title, offering both nostalgic veterans and new recruits a
                chance to immerse themselves in its thrilling narrative and addictive multiplayer modes.
            </p>
            <p>
                In its 2023 re-release, Call of Duty: Modern Warfare 3 is available across a plethora of gaming
                platforms, ensuring that players can enjoy the action-packed experience on their preferred device.
                Whether you're a PC enthusiast seeking crisp graphics and customizable settings, a console gamer craving
                seamless gameplay on PlayStation 5 or Xbox Series X, or even a mobile player looking to engage in
                intense battles on smartphones or tablets, Modern Warfare 3 delivers an unparalleled gaming experience
                across all platforms. Join us as we delve into the exhilarating world of Modern Warfare 3, celebrating
                its enduring legacy and the continued passion of its dedicated fanbase.
            </p>
        </div>
    </div>
    <div class="container mb-5 mt-0 py-0 px-0">
        <footer class="bg-light text-center">
            <!-- Grid container -->
            <div class="container p-4 pb-0">
                <!-- Section: Form -->
                <section class="">
                    <form action="">
                        <!--Grid row-->
                        <div class="row d-flex justify-content-center">
                            <!--Grid column-->
                            <div class="col-auto">
                                <p class="pt-2">
                                    <strong>Sign up for my newsletter</strong>
                                </p>
                            </div>
                            <!--Grid column-->
                            <!--Grid column-->
                            <div class="col-md-5 col-12">
                                <!-- Email input -->
                                <div class="form-outline mb-4">
                                    <input type="email" id="form5Example2" class="form-control" />
                                    <label class="form-label" for="form5Example2">Email address</label>
                                </div>
                            </div>
                            <!--Grid column-->
                            <!--Grid column-->
                            <div class="col-auto">
                                <!-- Submit button -->
                                <button type="submit" class="btn btn-primary mb-4">
                                    Subscribe
                                </button>
                            </div>
                            <!--Grid column-->
                        </div>
                        <!--Grid row-->
                    </form>
                </section>
                <!-- Section: Form -->
            </div>
            <!-- Grid container -->
            <!-- Copyright -->
            <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
                © 2024 Copyright:
                <a class="text-dark" href="./index.html">Mark Cornelius</a>
            </div>
            <!-- Copyright -->
        </footer>
    </div>
    <!-- End of .container -->
    <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
</body>

</html>