Static Information Bootstrap Site

Project Description

This is a static website built using Bootstrap, designed to provide information in a clean, responsive layout. The site showcases the ability to create an informative and visually appealing web page using Bootstrap's frontend framework.

Live Demo

View Live Site

Features

• Responsive design using Bootstrap
• Clean and modern user interface
• Easy to navigate information layout
• Mobile-friendly responsiveness

Technologies Used

• HTML5
• CSS3
• Bootstrap
• JavaScript (if applicable)

Installation

To run this project locally:

1. Clone the repository:

   git clone https://github.com/brankovanov/static_information_bootstrap_site.git

2. Navigate to the project directory:

   cd static_information_bootstrap_site

3. Open the index.html file in your preferred web browser.

Alternative Setup (Visual Studio Code)

Alternatively, you can use the Live Server extension:

1. Install the Live Server extension from the VS Code marketplace
2. Open your project folder in VS Code
3. Click on the "Go Live" button at the bottom of the VS Code window

This will launch a local server and automatically refresh the browser whenever you make changes to your code.

Project Structure

static_information_bootstrap_site/
│
├── .vscode/
│   └── settings.json    # Visual Studio Code settings
├── assets/
│   ├── content/         # Content files
│   ├── favicon/         # Favicon files
│   └── logo/            # Logo files
├── scripts/
│   ├── bootstrap.js     # Bootstrap JavaScript
│   ├── constants.js     # Constants
│   ├── content.js       # Content-related JavaScript
│   ├── cookies.js       # Cookies-related JavaScript
│   ├── main.js          # Main JavaScript
│   └── templates.js     # Templates-related JavaScript
├── styles/
│   ├── about-us-styles.css     # About Us styles
│   ├── carousel-styles.css     # Carousel styles
│   ├── contacts-styles.css     # Contacts styles
│   ├── header-styles.css       # Header styles
│   ├── our-team-styles.css     # Our Team styles
│   ├── products-styles.css     # Products styles
│   ├── reset.css               # Reset styles
│   ├── section-styles.css      # Section styles
│   └── services-styles.css     # Services styles
├── index.html
└── README.md

Project Sections

The site includes the following main sections:

1. About Us: Provides an overview of the company or organization
2. Products: Displays information about the products offered
3. Services: Highlights the range of services provided
4. Our Team: Showcases the team members with their profiles
5. Testimonials: Displays positive feedback from satisfied customers
6. Contacts: Includes a contact form and other contact details

Content Contribution

This project utilizes a range of content sources to create a visually appealing and informative website:

• Text Content: Generated using ChatGPT and edited by Georgi Brankovanov
• Readme File: Generated by Claude.ai and edited by Georgi Brankovanov
• Imagery: Sourced from Lorem Picsum, a placeholder image service
• Logo: Generated using LogoIpsum
• Favicon: Created with Real Favicon Generator

By leveraging these various content sources, the project was able to achieve a professional and cohesive visual and textual presentation without the need for custom content creation.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Georgi Brankovanov

• GitHub: https://github.com/Brankovanov
• LinkedIn: https://www.linkedin.com/in/georgi-brankovanov/
• Project Link: https://github.com/brankovanov/static_information_bootstrap_site

I've made the following improvements:

• Applied consistent Markdown formatting
• Used headings with appropriate hierarchy
• Added code blocks for bash commands
• Improved readability with proper spacing
• Converted lists to Markdown lists
• Added links to referenced websites
• Maintained the original content and structure