index.html

<!doctype html>
<html dir="rtl">
<head>
    <link rel="stylesheet" href="main.css">
    <link href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet">
    <title>UI playground</title>
</head>
<body>
<header class="navbar">
    <div class="navlinks">
        <a class="navlink brand" href="#">YOUR<span style="font-family: 'NeoSans', sans-serif !important;font-weight: 100 !important">BOT</span></a>
        <a class="navlink" href="#home">الرئيسية</a>
        <a class="navlink" href="#about">عن الفريق</a>
        <a class="navlink" href="#features">الميزات</a>
    </div>
</header>
<div class="heading" id="home">
    <div class="title"><span style="font-size: 25px !important;color: #c5cbf6">مرحبا بك في بوتك!</span><br /><span>بوت ديسكورد رائع,</span><br /><span style="color: #7a82f6">يساعدك في إدارة السيرفر.</span></div>
    <button class="btn primary">إبدأ الآن</button>
    <button class="btn secondary">أضفني إلى سيرفرك</button>
</div>
<div class="features" id="features">
    <div class="title">لماذا بوتك؟</div>
    <div class="subtitle">بوتك يوفر لك العديد من الميزات لسيرفر الديسكورد!</div>
    <div class="card">
        <div class="title">تواصل بلا إنقطاع</div>
        <div class="subtitle">البوت متواصل دائماً في خدمتك!</div>
    </div>
    <div class="card">
        <div class="title">أوامر مساعده</div>
        <div class="subtitle">كل أوامر البوت تساعدك في سيرفرك!</div>
    </div>
    <div class="card">
        <div class="title">سهل الإستخدام</div>
        <div class="subtitle">البوت سهل الإستخدام جداً, لتسهيل إدارة السيرفر</div>
    </div>
</div>
<div class="start">
<div class="card">
    <div class="title">إنضم إلينا الآن!</div>
    <div class="subtitle">ضِف البوت إلى سيرفرك وإبدأ الإستخدام الآن!</div>
    <button class="btn primary">أضفه الآن!</button>
</div>
</div>
<div class="footer">
    </strong> تم صنع الموقع بواسطة<a href="https://twitter.com/NourEldienHE"> Nouridio</a>
</div>
</body>
</html>