index.html

[3mrr2g2b]

<title>Code Hub</title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/typewritter.js" type="text/javascript" charset="utf-8"></script> <script src="js/index.js" type="text/javascript" charset="utf-8"></script>

    <h1 class="logo">Code Hub</h1>
    <div class="toggle">
        <span></span>
        <span></span>
        <span></span>
    </div>
    </div>
    <ul>
        <li class="ch_1"><i class="fas fa-home"> Home</i></li>
        <li class="ch_2"><i class="fas fa-laptop-code"> My works</i></li>
        <li class="ch_3"><i class="fab fa-teamspeak"> Contact</i></li>
        <li class="ch_4"><i class="far fa-address-card"> About Me</i></li>
    </ul>
    
</section>
    <!--back section-->
<section class="back">
    <!--img src="imgs/background.webp" alt="" /-->
   <h1 class="seco_logo">Code Hub</h1>
   <h1 class="typewritter"></h1>
    <button class="button button_1" >Join Now</button>
    
</section>
    <!--section 3 -->
<section class="sec_3">
        <div class="box">
            <div class="icon">
            <h1 class="icon_h1"><i class="fab fa-youtube"></i></h1>
             </div>
            <h1>Active Course</h1>
            <p>
                This enables both ads and automatic contributions. You can turn them on or off separately at any time.
            </p>
        </div>
        <div class="box">
            <div class="icon">
            <h1 class="icon_h1"><i class="fa fa-edit"></i></h1>
            </div>
            <h1>Editation Codes</h1>
            <p>
                This enables both ads and automatic editation codes and run it. You can turn codes on or off separately at any time.
            </p>
        </div>
        <div class="box">
            <div class="icon">
            <h1 class="icon_h1"><i class="fas fa-smile-beam"></i></h1>
            </div>
            <h1>Rate TheCourse</h1>
            <p>
                This enables both ads and automatic Rate and Feedback TheCourse. You can turn them on or off separately at any time.
            </p>
        </div>
     </section>
         <!--section of works-->
         
<h1 class="h1_mywork">My Works</h1>
         
<section class="my_works">
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_1.webp" alt="" />
            
        </div>
           <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_2.webp" alt="" />
        </div>
           <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_3.webp" alt="" />
        </div>
        <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_4.webp" alt="" />
        </div>
           <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_5.webp" alt="" />
            
        </div>
           <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
    <div class="box">
        <div class="div_img">
        <img src="imgs/img_6.webp" alt="" />
        </div>
        <div class="thumb">
            <i class="far fa-eye"></i>
            <i class="fab fa-codepen"></i>
            <i class="fas fa-code"></i>
        </div>
    </div>
</section>
<section class="my_works">
   
  
</section>

<div class="h1_div">
    <h1 class="h1_connect">Connect With Me</h1>
</div>
<section class="connect">
    <div class="container">
       <div class="box">
           <i class="far fa-user"></i>
           <input type="email" name="email" id="email" placeholder="[email protected]"/>
       </div> 
       <div class="box">
           <i class="fas fa-lock"></i>
           <input type="password" name="password" id="password" placeholder="••••••••••••••••••••••"/>
       </div> 
       <div class="box">
           <i class="far fa-envelope"></i>
           <textarea class="texterea" id='texterea' rows="8" cols="40" placeholder="Enter Message"></textarea>
       </div> 
       <div class="box">
           
       <button type="submit">Send</button>
       </div>
    </div>
</section>

</body>