Casa Sostoa is a vibrant and dynamic art gallery located in the heart of Málaga. Our website serves as a portal for art enthusiasts to explore current, past, and upcoming exhibitions, learn about featured artists, and stay updated on cultural events. Designed with responsiveness and accessibility in mind, the site ensures a seamless experience for all visitors. Live link
- Current Exhibitions: Highlights the ongoing art exhibition, providing visitors with details about the artists and their work. This section acts as the centerpiece of the Casa Sostoa website, where visitors are immediately introduced to the ongoing art exhibitions. Each exhibition is presented with high-quality images of the artwork, detailed descriptions of the themes explored, and background information on the featured artists. Interactive elements, such as virtual tour links or video previews, can enrich the visitor's experience.
- Past Exhibitions: An archive of previous exhibitions for users to explore the gallery's rich history. An extensive archive of past exhibitions allows visitors to explore the gallery's history and the diverse range of art previously showcased. This section is organized chronologically and can be filtered by year, artist, or theme, making it easy for users to find specific exhibitions of interest. Each entry includes a summary of the exhibition, artist biographies, and a gallery of selected works.
- Upcoming Exhibitions: Information on future exhibitions, allowing visitors to plan their visits accordingly. Future exhibitions are previewed in this section, providing visitors with a glimpse of what's to come at Casa Sostoa. This forward-looking feature helps build anticipation and enables visitors to plan their visits. Information might include exhibition dates, participating artists, and themes, along with teaser images or conceptual art.
- Events: A calendar of cultural events hosted by Casa Sostoa, including workshops, talks, and more. Casa Sostoa is not just about visual art exhibitions; it's a cultural hub that hosts various events, including artist talks, workshops, and community gatherings. The events calendar is an interactive tool where visitors can view upcoming events, filter by event type, and access detailed information for each event, such as time, location, and registration details.
- About Casa Sostoa Page: The "About Casa Sostoa" page offers visitors a comprehensive insight into the gallery's mission, history, and the team behind it. It serves as an introduction to Casa Sostoa, detailing its foundation, evolution, and its role in promoting art and culture within the community. This section also highlights the gallery's commitment to supporting both established and emerging artists, fostering a diverse and vibrant art scene.
- News Section The News section keeps visitors updated on the latest happenings at Casa Sostoa, including exhibition o 8C7E penings, artist collaborations, community events, and other noteworthy milestones. It acts as a dynamic platform for announcements and articles, offering a deeper dive into the gallery's activities. This section ensures that art enthusiasts and visitors stay connected with Casa Sostoa's ongoing and future initiatives, reinforcing the gallery's position as a key player in the cultural landscape.
- Responsive Design: Ensures an optimal browsing experience across all devices. In today's digital age, a responsive website design is crucial. The Casa Sostoa website is built to ensure an optimal viewing experience across a wide range of devices, from desktop computers to smartphones. This adaptability enhances user engagement by providing easy navigation, fast loading times, and a visually appealing layout regardless of the device used.
As of the current stage, our project is actively under development, with several key functionalities in the process of being established. Notably, the integration for fetching data from Contentful is pending implementation, contingent upon the receipt of the requisite content from our clients. Additionally, the search functionality is in the planning phase and has not yet been incorporated into the project scope. Concurrently, we are in the midst of transitioning the project's foundation from a traditional HTML/CSS architecture to a more dynamic React framework. This transformation is aimed at enhancing the project's scalability, maintainability, and user experience. We appreciate your patience and are committed to keeping you informed on our progress.
- HTML5 for structuring the content.
- CSS3 and Bootstrap 4.5.2 for styling and layout.
- JavaScript for interactive elements.
- FontAwesome for icons.
- Animate.css for animations.
-
Brainstorming:
-
Sitemap:
-
Logo & Favicon design:
-
Homepage:
-
Expos Pasadas:
-
Próximas Expos:
-
Eventos:
-
Acerca:
@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Merriweather+Sans&display=swap');
:root {
--primary-color: #1E1E1E;
--secondary-color: #A5A5A5;
--background-color: #f1f1f1;
--sans-serif: 'Merriweather Sans', sans-serif;
--serif: 'Merriweather', serif;
--font-xl: 2.5em;
--font-l: 2em;
--font-m1: 1.75em;
--font-m2: 1.5em;
--font-m3: 1.25em;
--font-s: 1em;
--font-xs: 0.85em;
}- Design System:
To run this project locally, simply clone the repository to your local machine. No additional setup is required as the project uses vanilla HTML, CSS, and JavaScript. Open index.html in your preferred browser to view the project.
git clone https://github.com/yourgithubusername/casasostoa.git
cd casasostoa
open index.htmlUsage Navigate through the website using the navigation bar at the top. Each section is designed to provide you with information about Casa Sostoa's exhibitions and events. For a more interactive experience, explore the artists' pages and view detailed images of their artwork.
Contributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request License Distributed under the MIT License. See LICENSE for more information.
Contact Igor Dinuzzi - replytoigor@gmail.com
Project Link: Repo