index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Development Course</title>

    <link rel="stylesheet" href="./stylesheet/style.css">
    <link rel="stylesheet" href="./stylesheet/about.css">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <!-- css fonts -->
    <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=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
</head>
<body>
    <nav>
        <div class=" top-menu-bar">
            <div class="container top-menu-bar-content">
                <ul class="top-menu">
                    <li><a href="#"><span><img src="./assets/images/facebook.svg" alt=""></a></span></li>
                    <li><a href="#"><span><img src="./assets/images/twitter.svg" alt=""></a></span></li>
                    <li><a href="#">English</a></li>
                    <li><a href="#">My Page</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>
            
        </div>
        <div class="container nav__container">
            
            <div class="nav-top">
                <div class="btn-holder">
                    <button id="open-menu-btn" class="open-menu-btn">
                        <i class='bx bx-menu'></i>
                    </button>
                    <button id="close-menu-btn" class="close-menu-btn">
                        <i class='bx bx-x'></i>
                    </button>
                </div>
                <a class="nav-title" href="index.html">
                    <span>
                        <img src="./assets/images/trans-logo1.png" alt="mylogo">
                        <!-- <img src="./assets/images" alt="mylogo"> -->
                    </span>
                </a>
            </div>
            <div class="nav-bottom">
                <ul class="nav-menu">
                    <li> <a  class="nav-item0" href="about.html">About</a></li>
                    <li> <a class="nav-item1" href="#">Program</a></li>
                    <li> <a class="nav-item2" href="#">Join</a></li>
                    <li> <a class="nav-item3" href="#">News</a></li>
                    <li> <a class="nav-item4" href="#">Sponsor</a></li>
                    <li> <a class="Campaign" href="#">CC Campaign</a></li>
                </ul>
            </div>
           
           
           
        </div>
    </nav>

    <header>
        <article class="container header__container">
            <article class="header-content">
                <article class="header-element first">
                    <h1>"Hello! Coding world"</h1>
                    <h2 class="header_Ptext">BKE WEB DEVELOPMENT </br> COURSE FOR DEVELOPERS </br> 2023</h2>
                    
    
                </article>
                <article class="header-element second">
                    <p>
                        A joyful celebration believing in the value of openness and sharing,
                        creating a positive change with people from over 
                        80 countries is taking place in October, in Korea.
                        A joyful celebration believing in the value of openness and sharing,
                        creating a positive change with people from over 
                        80 countries is taking place in October, in Korea.
                    </p>
                </article>
                <article class="header-element third">
                    <h3>2023.10.15(THU) ~ 16(FRI)</h3>
                    <h4>
                        @ Kenya National Institute of Conference (KICC), at Nairobi.
                    </h4>
                </article>
            </article>
            
        </article>
    </header>
    
    <section class="program_container">
      <article class="container program-holder">
        <article class="program_header">
            <h3 class="h-title">
                Main Program
                <a href="#" class="text-border"></a>
            </h3>
        </article>
       
        <article class="progam_content">
            <div class="item_content">
                <a href="#"><img src="./assets/images/program_icon_01 1.svg" alt="program-icon"></a>
                <h4>Lecture</h4>
                <p>Listen to the speakers from 
                    various countries about the
                     messages of sharing and opening.
                </p>
            </div>
            <div class="item_content">
                <a href="#"><img src="./assets/images/program_icon_02 1.svg" alt="program-icon"></a>
                <h4>Lecture</h4>
                <p>Listen to the speakers from 
                    various countries about the
                     messages of sharing and opening.
                </p>
            </div>
            <div class="item_content">
                <a href="#"><img src="./assets/images/program_icon_03 1.png" alt="program-icon"></a>
                <h4>Lecture</h4>
                <p>Listen to the speakers from 
                    various countries about the
                     messages of sharing and opening.
                </p>
            </div>
            <div class="item_content">
                <a href="#"><img src="./assets/images/program_icon_04 1.svg" alt="program-icon"></a>
                <h4>Lecture</h4>
                <p>Listen to the speakers from 
                    various countries about the
                     messages of sharing and opening.
                </p>
            </div>
            <div class="item_content">
                <a href="#"><img src="./assets/images/program_icon_05 1.svg" alt="program-icon"></a>
                <h4>Lecture</h4>
                <p>Listen to the speakers from 
                    various countries about the
                     messages of sharing and opening.
                </p>
            </div>
        </article>
        <article class="program_footer">
            <h5>SEE THE WHOLE PROGRAM</h5>
            <h6>Join Web Dev Global Summit 2015</h6>
        </article>
      </article>  
    </section>

    <section class="speakers_container">
        <article class="container speaker_holder">
            <h2 class="speaker_header h-title" >
                Featured Speakers
                <a href="#" class="text-border"></a>

            </h2>
            <ul class="speakers" id="WebDevSpeakers1">
                
            </ul>
            <ul class="speakers" id="WebDevSpeakers">
                
            </ul>
            <article class="view-more" id="view-more-holder">
                <button class="view-more-container" id="view-more-btn">
                    <h4 id="clickformore">VIEW MORE</h4>
                    <span id="dropformore" class="chevron-down"> <i class='bx bx-chevron-down'></i> </span>
                </button>
            </article>
        </article>
    </section>

    <section class="footer-container">
        <footer class="footer">
            <article class="footer-top-container">
                <article class="container footer-top">
                    <h2 class="h-title">
                        Our Partners
                        <a href="#" class="text-border"></a>

                    </h2>
                    <ul class="partnerr-logo">
                        <li class="company1-logo"><span> <img class="img2-logo" src="./assets/images/googlekorea 1.svg" alt="google"></span></li>
                        <li class="company1-logo"><span> <img class="img2-logo" src="./assets/images/daumkakaologo 1.svg" alt="microsoft"></span></li>
                        <li class="company1-logo"><span> <img class="img2-logo" src="./assets/images/airbnb 1.svg" alt="Bolt"></span></li>
                        <li class="company1-logo"><span> <img class="img2-logo" src="./assets/images/mozilla 1.svg" alt="Mozilla"></span></li>
                        <li class="company1-logo"><span> <img class="img2-logo" src="./assets/images/airbnb 1.svg" alt="Bolt"></span></li>
                      
                    </ul>
                </article>
            </article>
          <article >
            <article class="container footer-bottom">
                <div class="footer-logo">
                    
                </div>
                <div class="footer-description">
                    <p>
                        When we started BkWedDev, our goal was to give anyone in the world 
                        the ability to learn the skills they’d need to succeed in the 21st century. 
                        We set out to create a new, interactive way of learning — making it engaging, 
                        flexible, and accessible for as many people as possible. 
                        Since then, we have helped millions of people worldwide unlock 
                        modern technical skills and reach their full potential through code. ✨
                    </p>
                    <small>Made with ❤️in NYC © 2023 BWD</small>
                   
                </div>
            </article>
          </article>
            
        </footer>
    </section>
    <script src="./script.js"></script>
</body>
</html>