How to Create a Portfolio Website using HTML CSS and JavaScript ? (original) (raw)

`

My Portfolio

Hello, I'm

Emrit Diyal

A Software Engineer with 3 years of Experience.

Hire Me Get Resume

Featured Portfolio

Web Design Image

Web Design

Designing

Web Development Image

Web Development

Development

SEO Image

SEO

Optimization

Content Writting Image

Content Writing

Writing

Wordpress Image

Wordpress Dev

Content Management System

Video Editing Image

Video Editing

Editing

About Me

GeeksforGeeks is a leading platform that provides computer science resources and coding challenges for programmers and technology enthusiasts, along with interview and exam preparations for upcoming aspirants. With a strong emphasis on enhancing coding skills and knowledge, it has become a trusted destination for over 12 million plus registered users worldwide. The platform offers a vast collection of tutorials, practice problems, interview tutorials, articles, and courses, covering various domains of computer science.

Our exceptional mentors hailing from top colleges & organizations have the ability to guide you on a journey from the humble beginnings of coding to the pinnacle of expertise. Under their guidance watch your skills flourish as we lay the foundation and help you conquer the world of coding.

About Image

My Services

Web Design

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web Development

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

SEO

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Content Writting

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Wordpress Dev

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Video Editing

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites. 

<!-- Contact me section -->
<section class="contact" id="contact">
    <div class="contact-heading">
        <h1 class="my-heading text-center">Contact Me</h1>
    </div>
    <div class="contact-content">
        <div class="contact-form-container">
            <h1 class="greet-heading">Get In Touch</h1>
            <form class="contact-form">
                <input class="form-controls" type="text" placeholder="Your Name">
                <input class="form-controls" type="text" placeholder="Your Email">
                <input class="form-controls" type="text" placeholder="Your Phone">
                <textarea class="form-controls" placeholder="Write your message" name="message" id="" cols="30"
                    rows="10">
                  </textarea>
                <input class="form-btn btn common-btn" type="submit" value="Send Message">
            </form>
        </div>
        <div class="contact-details">
            <h1 class="greet-heading">My Contact Details</h1>
            <div class="details">
                <h5 class="contact-heading">EMAIL</h5>
                <p class="contact-text">example@gmail.com</p>
            </div>
            <div class="details">
                <h5 class="contact-heading">PHONE</h5>
                <p class="contact-text">+91 0123456789</p>
            </div>
            <div class="details">
                <h5 class="contact-heading">FAX</h5>
                <p class="contact-text">+91 0123456789</p>
            </div>
            <div class="details">
                <h5 class="contact-heading">ADDRESS</h5>
                <p class="contact-text">San Francisco, CA</p>
                <p>4th Floor8 Lower</p>
                <p>San Francisco street, M1 50F</p>
            </div>
        </div>
    </div>
</section>
<!-- Footer section -->
<footer class="footer">
    <div class="footer-content text-center">
        <h4>
            Copyright © 2023 All rights reserved |
            This portfolio website template is created
            by GeeksforGeeks.
        </h4>
        <div class="social-links">
            <div class="footer-menu">
                <ul class="footer-menu-list">
                    <li class="footer-list-items">
                        <a class="footer-links" href="#">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                    </li>
                    <li class="footer-list-items">
                        <a class="footer-links" href="#">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </li>
                    <li class="footer-list-items">
                        <a class="footer-links" href="#">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </li>
                    <li class="footer-list-items">
                        <a class="footer-links" href="#">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js"
    integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer">
    </script>
<script src="script.js"></script>

`