Skip to content

This repo features a product landing page build using HTML5 and CSS3 as a part of my Responsive Web Design certification in FreeCodeCamp.

License

Notifications You must be signed in to change notification settings

GowriPriyankaM/Product-Landing-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Product Landing Page

Description:

  • In this project, I have built a product landing page for the brand Original Trombones by using HTML and CSS. JavaScript was intentionally avoided for this project.

  • The landing page is also designed to be responsive, to ensure that it scales appropriately on different screen sizes. In order to enhance the user experience, the page uses scrolling and sticky positioning, allowing users to easily navigate through the content.

Objective :

My certification project at FreeCodeCamp has led to the development of this Product Landing Page. It's main objective is to build a page that is functionally similar to this Website.

Preview :

Here's the Live Preview of Product Landing Page.

Contributions :

If you want to contribute to this project, follow the below steps.

  1. Fork the Repository : Click on the "Fork" button at the top right corner of this page. This creates a copy of the project under your own GitHub account.

  2. Clone the Repository : Once you've forked the repository, open a terminal or command prompt, navigate to your desired directory, and run the following command.

    git clone https://github.com/username/Product-Landing-Page.git
    

    Here, replace "username" with your GitHub username.

  3. Create a Branch : Create a new branch for your contributions inorder to keep your changes isolated from the main branch.

    Run the following command to create and switch to a new branch.

    git switch -c your-branch-name  
    

    Replace "your-branch-name" with a descriptive name for your branch.

  4. Make Changes : Open the project in your preferred text editor or IDE and make the necessary changes or additions to the project files.

  5. Commit Changes : After making your changes, save the files and go back to the terminal or command prompt.

    Use the following command to stage your changes for commit.

    git add file-name
    

    This command adds all modified and new files for commit. Here, replace "file-name" with the file names.

    Next, commit your changes with a descriptive commit message.

    git commit -m "Your commit message"
    
  6. Push Changes : Push your local branch with the committed changes to your forked repository on GitHub using the following command.

    git push -u origin your-branch-name
    

    Replace "your-branch-name" with the name of the branch you created earlier.

  7. Create a Pull Request : Once your changes are pushed to your forked repository on GitHub, You should see a message suggesting you create a pull request.

    Click on the "Compare & pull request" button and provide a clear title and description for your pull request, explaining the changes you've made and submit it.

    Congratulations! You have successfully contributed to the project.

Stack :

  • HTML5
  • CSS3
  • Font Awesome Icons

License :

This project is MIT Licensed.

About

This repo features a product landing page build using HTML5 and CSS3 as a part of my Responsive Web Design certification in FreeCodeCamp.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published