Code Monkey home page Code Monkey logo

amr-portfolio's People

Contributors

3mrr2g2b avatar

Stargazers

avatar

Watchers

avatar

amr-portfolio's Issues

index.html

<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>

index.html

<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>

t

FB_IMG_1608239373697.jpg```

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.