JAndrew13 / TinDog

A mock startup company landing page, focused on Bootstrap. This project focused on popular Bootstrap elements, as well as dynamic screen sizing, and code formatting.

Home Page:http://tindog.jakebrunner.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TinDog stable

The goal of this project was to create a product landing page for a mock startup company using only HTML, CSS, and Bootstrap. The app in question here is TinDog - a dating app for dogs (based on the popular dating app Tinder).

Built with a responsive design - the site opens to hero banner image, featuring call-to-action download buttons, an app image, and a few navigation buttons. Continuing down the page are four sections, followed by a page footer for social icons. The sections are laid out as follows..

Check out the live project here

Brand Mission Statements to convey the app's purpose. These statements are paired with interactive material icons that could be used as links to further reading.

Testimonial Slideshow that features customer comments and profile pictures, as well as featured icons from well known brands.

Membership Tiers arranged in classic bootstrap card format to show pricing options and benefits

Call-To-Action statement followed by Android and iPhone download buttons.

Table of contents

Installation

  1. Clone the repo
    git clone https://github.com/JAndrew13/TinDog.git
  2. Open the HTML file inside your browser

(back to top)

Directory

Contains the HTML code for the website landing page

Contains all css style properties

Contains all image files used on the site

(back to top)

Contact

Jake Brunner - jbbrunner10@gmail.com

LinkedIn - https://www.linkedin.com/in/jake-brunner-21760522b/

This Repository - https://github.com/jandrew13/Web-Dev-Bootcamp

(back to top)

Acknowledgments

(back to top)

About

A mock startup company landing page, focused on Bootstrap. This project focused on popular Bootstrap elements, as well as dynamic screen sizing, and code formatting.

http://tindog.jakebrunner.com/


Languages

Language:HTML 80.3%Language:CSS 19.7%