https://github.com/madhurimarawat/genotek-landing-page-assignment

Crafted a lead-generating landing page prototype for Genotek's Expansion Joint Covers. Merged HTML, CSS, JavaScript, and Bootstrap.
https://github.com/madhurimarawat/genotek-landing-page-assignment

assignment bootstrap css front-end-development html javascript javascript-toggle-function

Last synced: 4 months ago
JSON representation

Crafted a lead-generating landing page prototype for Genotek's Expansion Joint Covers. Merged HTML, CSS, JavaScript, and Bootstrap.

• Host: GitHub
• URL: https://github.com/madhurimarawat/genotek-landing-page-assignment
• Owner: madhurimarawat
• Created: 2024-01-22T10:54:55.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-20T17:36:21.000Z (over 1 year ago)
• Last Synced: 2025-03-04T17:43:42.359Z (8 months ago)
• Topics: assignment, bootstrap, css, front-end-development, html, javascript, javascript-toggle-function
• Language: HTML
• Homepage: https://genotek-landing-page-assignment.netlify.app/
• Size: 11.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Genotek-landing-page-assignment

Crafted a lead-generating landing page prototype for Genotek's Expansion Joint Covers. Merged HTML, CSS, JavaScript, and Bootstrap.

Website Design










## Technology Used 💻

### 🛠  Languages and Tools :



  

  

   

   



## Description

--> One of the primary goals of frontend development is to create a smooth or "frictionless" user experience.



--> First a user friendly and responsive interface through frontend was developed.



--> All visual features, pixels and cross browser compatibility will be taken in account.



--> The website design is simple and easy to work with along with an attractive interface.



--> Websites works well on multiple devices and screen sizes, which is possible as it involves responsive design.

---

## Mode of Execution Used     

Notepad++

 --> To begin, visit the official website       



--> Download according to the platform being used like Linux, MacOs or Windows.



--> Follow the setup wizard.



--> After setup, we can write code in HTML and also in other languages.



--> To see the output of HTML code open document in any browser.


## Hosting With Netlify

1. Visit the official website of Netlify : 





2. Now make an account with GitHub.



3. Now add all the code in Github repository.



4. Go to netlify and there is an option for new deployment.



5. Link with your Github repository name and make sure you have the index.html file for homepage. If you name your file as index it will directly access it else you have to specify the path.



6. We can also do manual deployment of our website by uploading in netlify manual uploads.



7. If everything went well our website will be deployed on web and you can share the link and access the app from all browsers.



8. Now netlify only supports static website. It does not have a server and it does not support websites with server requirement.



9. We can upload HTML,CSS and JS files in netlify.

---

## Website Link

I have hosted this Website using netlify. Click on the image below to have a look at my Website:


 

---

## Additional Resources 

 For more Frontend Development codes visit my repository: https://github.com/madhurimarawat/Website-Frontend-Developement 


---

## Thanks for Visiting 😄

Drop a 🌟 if you find this repository useful.



If you have any doubts or suggestions, feel free to reach me.



📫 How to reach me:    [![Linkedin Badge](https://img.shields.io/badge/-madhurima-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/madhurima-rawat/)