All Projects → anapdh → html-css-capstoneproject

anapdh / html-css-capstoneproject

Licence: MIT license
A solo project to finish Microverse's HTML/CSS modules. This project features basic management of HTML, CSS and Bootstrap. It also uses three different responsive designs (Mobile, Tablet and Desktop), utilizing the technique "mobile-first".

Programming Languages

HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to html-css-capstoneproject

Limesurvey
Limesurvey is the number one open-source survey software.
Stars: ✭ 1,918 (+13600%)
Mutual labels:  responsive-design
React Super Responsive Table
Turn the tables on unresponsive data!
Stars: ✭ 207 (+1378.57%)
Mutual labels:  responsive-design
arpeggio
A chord naming app for guitar written in React.
Stars: ✭ 49 (+250%)
Mutual labels:  responsive-design
Kindling
A pocket-sized grid system built on the flex display property.
Stars: ✭ 155 (+1007.14%)
Mutual labels:  responsive-design
Hugo Theme Bootstrap4 Blog
A blogging-centric Bootstrap v4 theme for the Hugo static site generator.
Stars: ✭ 191 (+1264.29%)
Mutual labels:  responsive-design
Minwiz
Minimal starter kit for under 2 KB sites
Stars: ✭ 228 (+1528.57%)
Mutual labels:  responsive-design
Paper Kit 2 Angular
Free Bootstrap 4 UI Kit for Angular 2+
Stars: ✭ 133 (+850%)
Mutual labels:  responsive-design
responsive type
A one size fits all responsive type solution. Demo: https://codepen.io/kylevilleneuve/pen/XqeVdZ
Stars: ✭ 53 (+278.57%)
Mutual labels:  responsive-design
Ivory
IVORY is simple and highly customizable CSS framework, gives you all to build your pages faster and easier.
Stars: ✭ 196 (+1300%)
Mutual labels:  responsive-design
React Native Responsive Dimensions
Resposive fontSize, height and width for react-native components, that automatically adjusts itself based on screen-size of the device.
Stars: ✭ 243 (+1635.71%)
Mutual labels:  responsive-design
Guides
An organized list of guides and tutorials for design, development, and system administration.
Stars: ✭ 166 (+1085.71%)
Mutual labels:  responsive-design
Iota
A responsive micro-framework for the grid spec powered by CSS custom properties.
Stars: ✭ 189 (+1250%)
Mutual labels:  responsive-design
Tms
基于频道模式的团队沟通协作+轻量级任务看板,支持mardown、富文本、在线表格和思维导图的团队博文wiki,i18n国际化翻译管理的响应式web开源团队协作系统。
Stars: ✭ 232 (+1557.14%)
Mutual labels:  responsive-design
Explore
A Flutter Web responsive website sample.
Stars: ✭ 146 (+942.86%)
Mutual labels:  responsive-design
onlineResume
Harry's personal website
Stars: ✭ 15 (+7.14%)
Mutual labels:  responsive-design
Openolat
Learning Management System OpenOlat
Stars: ✭ 135 (+864.29%)
Mutual labels:  responsive-design
Material Admin
Free Material Admin Template
Stars: ✭ 219 (+1464.29%)
Mutual labels:  responsive-design
IDM222
Web Authoring II
Stars: ✭ 21 (+50%)
Mutual labels:  responsive-design
just-responsive-images
WordPress Plugin to support better responsive images with <picture> tag, backgrounds, retina support etc.
Stars: ✭ 47 (+235.71%)
Mutual labels:  responsive-design
Ts Website
A website for your TeamSpeak 3 server
Stars: ✭ 239 (+1607.14%)
Mutual labels:  responsive-design

HTML & CSS - Capstone Project

A solo project to finish Microverse's HTML/CSS section.

screenshot

About the Project

This project features:

  • A webpage for renting houses at the beach;
  • A responsive design for Mobile, Tablet and Desktop;
  • Input forms, buttons images and background image;
  • Three different content pages, linked by anchor tags;
  • iFrames(Maps) with the location view.

Built With

  • HTML, CSS and Bootstrap
  • Visual Studio, Git & GitHub

Live Demo

Live Demo Link

Getting Started

Just download the code in your local machine and go to the dowloaded folder, search for the index.html file and open it in your favourite browser.

Prerequisites

To run this project, you need a computer or a mobile device with any operating system and a web browser.

Setup

Download the code.

Install

Go to he downloaded folder and search for index.html file and open it in your favorite web browser.

Usage

This project diplays Maps.

Author

👩🏼‍💻 Ana Paula Hübner

Original Project

This is a PataschuleKE Original Design. Idea by Mathew Njuguna and others on Behance.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].