<!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">
    <!-- stylesheet -->
    <link rel="stylesheet" href="CSS/Master.css">
    <link rel="stylesheet" href="CSS/sup.css">
    <!-- font awsme -->
    <link rel="stylesheet" href="CSS/all.css">
    <link rel="stylesheet" href="CSS/all.min.css">
    <!-- icon -->
    <link rel="icon" href="Img/discord-logo-1-1.png">
    <!--  Normalize-->
    <link rel="stylesheet" href="CSS/Normalize.css">
    <!-- font Family --> 
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Anton&family=Black+Han+Sans&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Anton&family=Roboto:wght@700&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Anton&family=Roboto&display=swap" rel="stylesheet">
    <title>Discord</title>
</head>
<body>
    <header>
        <nav>
        <div class="conat">
            <nav>
                <div class="logo">
                    <a href="index.html">
                    <img src="Img/supplog.svg" alt=""></a>
                </div> 
                    <div class="main">
                        <ul>
                            <li><a href="download.html">Download</a></li>
                            <li><a href="Nitro.html">Nitro</a></li>
                            <li><a href="safty.html">Safety</a></li>
                            <li><a href="support.html">Support</a></li>
                        </ul>
                </div>
            </nav>
        </nav>
            <div class="main2">
                    <div class="maincont">
                    <h1>Help Center</h1>
                    <input type="search" placeholder="Search">
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="conat">
            <div class="contant">
                <div class="conthead">
                <h1>Need help? We've got your back.</h1>
                <p>From account settings to permissions, find help for everything Discord
                    If you're new to Discord and looking for tips, check out our <a href="">Beginner's Guide</a></p>
            </div>
            <div class="contbody">
                
                <a href="">
                    <div class="card">
                    <div><img src="Img/1 (2).svg" alt=""></div>
                    <h2>Announcements</h2>
                    <hr>
                    <p>We've got our ear to the ground. Here's what you need to know.</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/2 (2).svg" alt=""></div>
                    <h2>Discord's Interface</h2>
                    <hr>
                    <p>WHAT DOES THIS BUTTON DO!?!11</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/3 (2).svg" alt=""></div>
                    <h2>Account Settings</h2>
                    <hr>
                    <p> You're a special snowflake and so is your account.</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/4 (2).svg" alt=""></div>
                    <h2>Getting Started</h2>
                    <hr>
                    <p>Start off on the right foot! Not the left one!</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/33f0bd0c3a2c58763cb0404a18bb38da48fc289d.svg" alt=""></div>
                    <h2>Server Setup</h2>
                    <hr>
                    <p> Almost as exciting as interior decorating.</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/dd93acfbff40b1ea53f2b4e8fa51ac142486bd13.svg" alt=""></div>
                    <h2>Community Programs</h2>
                    <hr>
                    <p>Bringing people together from all around the globe (and occasionally Mars)</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/d7415f17818f8caabf5d98099171b227201a3e41.svg" alt=""></div>
                    <h2>Perks and Subscriptions   </h2>
                    <hr>
                    <p> Please don't shop until you drop. Let us help.</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/e5bd3c63530b0a8e55b406528f2fd9d61b8bd923.svg" alt=""></div>
                    <h2>Billing</h2>
                    <hr>
                    <p>That feel when you look at your bank account.
                        Trust & Safety</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/6f28e83ed890200c649526472dec1e8f593fe1dd.svg"alt=""></div>
                    <h2> Trust & Safety</h2>
                    <hr>
                    <p>Keep things safe & sound for you and your buddies.</p>
                </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/1883060a5132c470528a20c1cfe42976e7c167ca.svg" alt=""></div>
                    <h2>F.A.Q.s</h2>
                    <hr>
                    <p>All you can eat self-serve problem solving.</p>
                </div>
            </a>
            </div>

            <div class="mainfoot">
                <div><h2>Other ways to find help.</h2></div>
                <div class="footcards">
                    <a href="">
                        <div class="card">
                        <div><img src="Img/9.svg"alt=""></div>
                        <h2> Developer Support</h2>
                        <hr>
                        <p>Your home for support with developing bots, apps, & games using our API and SDK!</p>
                    </div>
            </a>
                <a href="">
                    <div class="card">
                    <div><img src="Img/10.svg" alt=""></div>
                    <h2>Twitter</h2>
                    <hr>
                    <p>Have a quick question? Hit us up on Twitter!</p>
                </div>
            </a>
            </div>
            </div></div>
            </div>
        </div>
    </main>
    <footer>
        <div class="conat">
            <div class="cof">
                <div class="a">
            <h1>IMAGINE A PLACE</h1>
            <img src="Img/e6d6b255259ac878d00819a9555072ad.png" alt=""><span> English , USA</span> 
            <ul>
                <li><a href=""><i class="fa-brands fa-twitter"></i></a></li>
                <li> <a href=""><i class="fa-brands fa-instagram"></i></a></li>
                <li><a href=""><i class="fa-brands fa-facebook"></i></a></li>
                <li><a href=""><i class="fa-brands fa-youtube"></i></a></li>
            </ul>        </div>
            <div class="b">
            <label >Products</label>
            <ul>
                <li><a href="download.html">Download</a></li>
                <li><a href="Nitro.html">Nitro</a></li>
                <li><a href="safty.html">Safety</a></li>
                <li><a href="support.html">Support</a></li>
            </ul>

        </div>
            <div class="c">
                <label >Company</label>
                <ul>
                    <li><a href="http://">About </a></li>
                    <li><a href="http://">Jobs</a></li>
                    <li><a href="http://">Branding</a></li>
                    <li><a href="http://">Newsroom</a></li>
                </ul>
    
            </div>
            <div class="d">
                <label >Resources</label>
                <ul>
                    <li><a href="http://">College </a></li>
                    <li><a href="http://">Support</a></li>
                    <li><a href="http://">Safety</a></li>
                    <li><a href="http://">Blog</a></li>
                    <li><a href="http://">Feedback</a></li>
                    <li><a href="http://">Developers</a></li>
                    <li><a href="http://">StremKit</a></li>
                    <li><a href="http://">Creators</a></li>
                </ul>
    
            </div>
            <div class="f">
                <label >Policies</label>
                <ul>
                    <li><a href="http://">Terms </a></li>
                    <li><a href="http://">Privacy</a></li>
                    <li><a href="http://">Cookie Settings</a></li>
                    <li><a href="http://">Guidelines</a></li>
                    <li><a href="http://">Acknowledgements</a></li>
                    <li><a href="http://">Licenses</a></li>
                    <li><a href="http://">Moderation</a></li>
                </ul>
    
        </div>
            </div>
    </div>
        <div class="line"> </div>
        <div class="ifoot">
            <a href="index.html">
                <img src="Img/Discord-101-featured-removebg-preview.png" alt=""></a>
                <button onclick="location.href = 'signup.html '">Sign up</button>
        </div>
        </footer>
</body>
</html>