Upload

README.md

@@ -0,0 +1 @@
+TinDog Starting Files

css/styles.css

@@ -0,0 +1,178 @@
+body{
+    font-family: 'Montserrat-black', sans-serif;
+    text-align: center;
+}
+h1, h2{
+    line-height: 1.5;
+    font-weight: bold;
+}
+h1 {
+    font-size: 3.5rem;
+}
+
+.h2-resize{
+    font-size: 2.5rem;
+}
+.container-fluid{
+    padding: 3% 15% 5%;
+}
+
+/*-----Background Color-----*/
+.colored-section{
+    background-color: #ff4c69;
+    color: white;
+}
+
+/*-----Title Section-----*/
+#title{
+    text-align: left;
+}
+
+/*-----Navbar-----*/
+.navbar{
+    padding-bottom: 4rem;
+}
+.navbar-brand{
+    font-family: 'Ubuntu';
+    font-size: 2rem;
+    font-weight: bold;
+}
+.nav-item{
+    padding: 0 18px;
+}
+.nav-link{
+    font-family: 'Montserrat';
+    font-size: 1.2rem;
+}
+
+/*-----Download Buttons-----*/
+.download-button{
+    margin: 5% 3% 5% 0;
+}
+
+/*-----Title Image-----*/
+.phone{
+    width: 20%;
+    transform: rotate(25deg);
+    margin-left: 10%;
+    position: absolute;
+    right: 20%;
+}
+
+/*-----Features-----*/
+#features{
+    font-family: 'Montserrat';
+    background-color: #fff;
+    position: relative;
+}
+.features-col{
+    margin: 5% 0 5% 0;
+}
+.features-font{   
+    font-size: 1.5rem;
+    font-weight: bold;
+    padding: 2%;
+}
+.features-p-font{
+    color: #8f8f8f;
+}
+.features-icons{
+    margin-bottom: 3%;
+    color: #ef8172;
+}
+.features-icons:hover {
+    color: #ff4c69;
+}
+
+/*-----Testimonials-----*/
+
+#testimonials{
+    background-color: #ef8172;
+    color: #fff;
+}
+.carousel-inner{
+    padding: 7% 15% 0% 15%;
+
+}
+.testimonial-img{
+    width: 10%;
+    border-radius: 100%;
+    margin: 20px;
+}
+
+#press{
+    padding: 7% 15%;
+    background-color: #ef8172;
+}
+
+.press-logo{
+    width: 15%;
+}
+
+/*-----Pricing-----*/
+#pricing{
+    padding: 4% 15% 4% 15%;
+
+}
+.pricing-column{
+    padding-top: 2%;
+    padding-bottom: 2%;
+}
+.pricing-text{
+    font-family: "Ubuntu";
+    font-weight: bold;
+}
+
+/*-----Call to Action (CTA) section-----*/
+#cta{
+    padding: 7% 0;
+
+}
+.cta-h3{
+    font-family: "montserrat";
+    font-weight: bold;
+    color: #fff;
+    font-size: 2rem;
+    margin-bottom: 5%;
+
+}
+
+/*-----Footer-----*/
+#footer{
+    margin-top: 5%;
+    background-color: #fff;
+}
+.social{
+    margin: 0 5px;
+    color: #000;
+}
+.footer-p{
+    margin-top: 2%;
+    margin-bottom: 10px;
+    font-family: "montserrat";
+    color: #8f8f8f;
+}
+.cta-btn{
+    margin: 0 1%;
+}
+
+/*-----media query breakpoints-----*/
+@media (max-width:1028px){
+    h1{
+        line-height: 1.2;
+    }
+    h2{
+        line-height: 1;
+        font-size: 1.5rem;
+    }
+    #title{
+        text-align: center;
+    }
+    .phone{
+        position: static;
+        transform: rotate(0);
+        width: 50%;
+
+    }
+
+}