HTML_project/index.html at main · Bojo992/HTML_project · 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
<!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">
    <link rel="shortcut icon" href="./Images/Trump/TitleImage.png">
    <title>President 2024</title>
    <link rel="shortcut icon" href="./Images/Trump/TitleImageSmall.png">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500;700&display=swap');
    </style>
     <style>
        @import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;400;700&display=swap');
    </style>
    <link rel="stylesheet" href="./CSS/stylesheet.css">
</head>
<body>
    <input type="checkbox" name="sideMenu" id="sideMenuCheckbox">
    <header>
        <div class="sideMenu">
                <ul id="sideMenuList">
                    <li class="about"><a href="./HTML/about.html">About</a></li>
                    <li class="alerts"><a href="./HTML/alerts.html">Alerts</a></li>
                    <li class="contact"><a href="./HTML/Gallery.html">Gallery</a></li>
                </ul>
            <div class="titleImageBackground"><a href="index.html"><img src="./Images/Trump/TitleImage.png" alt="Title Image" class="titleImage"></a></div>
            <label for="sideMenuCheckbox" class="sideMenuOpenIcon">
                <img src="./Images/Background/sideMenuOpenIcon.png" alt="sidemenuIconOpen">
            </label>
            <label for="sideMenuCheckbox" class="sideMenuCloseIcon">
                <img src="./Images/Background/sideMenuCloseIcon.png" alt="sideMenuCloseIcon">
            </label>
        </div>
        <div class="trumpTopPoto"><img src="./Images/Trump/Trump on a white bg.webp" alt="Trump with white transition" class="trumpTopPhoto"></div>
    </header>
    <div class="quote">
        <i><br>“The only reason to vote for a Democrat is if you’re tired of winning!”</i>
        <div class="authorOfQuote"><br>Donald J. Trump</div>
    </div>
    <div class="prosAndCons">
        <div class="infill">
            <div class="subtitle">Our Goal</div>
            <div class="text" style="line-height: 30px;">Help us Help YOU by supporting the 45th President of the United States in claiming back what was taken away from us. Show your Support at the Mighty MAGA Rallies all over America to spread the message of the incoming RED WAVE.</div>
        </div>
    </div>
    <footer>
        <div class="folowUs">
            <div class="textFooter">Folow us in social media</div>
            <div class="facebook"><a href="https://www.facebook.com/officialteamtrump" class="facebook"><img src="./Images/Trump/facebookLogo.png" alt="Facebook"> Facebook</a></div>
            <div class="instagram"><a href="https://www.instagram.com/teamtrump/" class="instagram"><img src="./Images/Trump/instagramLogo.png" alt="Instagram">Instagram</a></div>
        </div>
    </footer>
</body>
</html>