This readme provides an overview of the HTML structure and key components of the Dynamica website. This is my first training project as a front end developer. A one-page website for a fictional client that manufactures upper limb prosthetics for humans. My goal was to learn the basics of HTML and CSS. And also to make the layout adaptive for different devices.
The website is structured using HTML and consists of the following main sections:
- Head Section: Contains metadata and links to external resources.
- Header: Displays the company logo and navigation menu.
- Main Content: Includes various sections:
- Banner Section: Features a title and subtitle in a banner.
- About Us Section: Provides company information.
- Prosthetics Section: Describes different prosthetic types.
- Reviews Section: Presents customer reviews with images.
- Contacts Section: Offers contact details and a contact form.
- Footer: Contains social media links, copyright notice, and a privacy policy link.
The HTML file represents the structure of the Dynamica website, a company specializing in functional prosthetic arms. The website aims to inform visitors about the company's products, services, and contact information.
Key features of the website include:
- A navigation menu for easy access to various sections.
- Company background and mission details.
- Information on different types of prosthetic arms.
- Customer reviews accompanied by images.
- Contact information and a contact form.
- Footer with social media links and copyright notice.
The following technologies were used in building this website:
- HTML: Used for creating the website's structure and content.
- CSS: Used for styling the website's layout and design.
- Bootstrap v.5: Utilized for responsive design and pre-designed components.
- Font Awesome v.5: Used for including icons in the website.
- JavaScript: Implemented for interactive features and functionality.
- Popper.js: Employed for managing pop-up elements.
- Bootstrap JavaScript: Enabled various Bootstrap features.
- Git: Used for version control and collaboration.
To use this HTML file, follow these steps:
- Download the HTML file: index.html.
- Open the file using a text or HTML editor.
- Customize the content to match your specific requirements, such as company information, images, and contact details.
- Save the file with your modifications.
You may also need to update external resources (CSS and image files) if hosting the website online.