@ Building portfolio using HTML, CSS & javaScaript.
Proble statement and Instructions:-
- Create a portfolio with the following components using the following attributes: -Navbar : id="nav-menu" * -Home section : id="home" * -About section : id="about" class="about section" -Skills section : id="skills" -Projects section : id="projects" -Contact section : id="contact"
-
The elements within the navbar linked to the above 4 sections should have the following. -Element linked to Home section : * class="nav-link home" -Element linked to About section : * class="nav-link about" -Element linked to Skills section : * class="nav-link skills" -Element linked to Projects section : * class="nav-link projects" -Element linked to Contact section : * class="nav-link contact" -Element linked to Resume : * class="nav-link resume"
-
The following must be present within elements with the respective IDs: -Name : id="user-detail-name" * -Formal introduction : id="user-detail-intro" *
-
Contact elements must have the following IDs: -GitHub profile link : id="contact-github" -LinkedIn profile link : id="contact-linkedin" -Phone number : id="contact-phone" -Email address : id="contact-email"
-
The image linking your professional photo must have class="home-img" *
-
Each project card in the Projects section should have class="project-card" and the following: -Image of the project -Title : class="project-title" -Description : class="project-description" -Tech stack used : class="project-tech-stack" -Link to GitHub repository : class="project-github-link" -Deployed link or video link : class="project-deployed-link"
-
Each skills card in the Skills section should have class="skills-card" and the following: -Image : class="skills-card-img" -Name : class="skills-card-name"
-
There must be two buttons for resume. Clicking on them should open the resume in a new tab and download it as a PDF. They must have the following IDs: -For the button in the Resume section : id="resume-button-1" -For the button in the Home/About section : id="resume-button-2"
-
If you're using anchor elements for the resume buttons, they must have the following IDs: -For the button in the Resume section : id="resume-link-1" -For the button in the Home/About section : id="resume-link-2"
-
For the GitHub calendar: class="react-activity-calendar" (the class is automatically included if you're using the react-github-calendar npm package)
-
The GitHub statistics images must have the following IDs: -GitHub streak stats : id="github-streak-stats" [Link to refer : https://github-readme-streak-stats.herokuapp.com/demo/] -GitHub top languages : id="github-top-langs" [Link to refer : https://github.com/anuraghazra/github-readme-stats] -GitHub stats card : id="github-stats-card" [Link to refer : https://github.com/anuraghazra/github-readme-stats]
-
Do not repeat any of the above class names and ID names for any other element.