diff --git a/index.html b/index.html index 94ad32b..1886836 100755 --- a/index.html +++ b/index.html @@ -5,7 +5,10 @@ - + + + + Frontend Mentor | Huddle landing page with alternating feature blocks @@ -15,41 +18,52 @@ - +
+

Huddle

Try It Free - - Build The Community Your Fans Will Love - - Huddle re-imagines the way we build communities. You have a voice, but so does your audience. - Create connections with your users as you engage in genuine discussion. - +

Build The Community Your Fans Will Love

+
+
+
+ Huddle re-imagines the way we build communities. You have a voice, but so does your audience. + Create connections with your users as you engage in genuine discussion. + +third +
+
+third +

Grow Together

+ + Generate meaningful discussions with your audience and build a strong, loyal community. + Think of the insightful conversations you miss out on with a feedback form. +
+
+ second +

Flowing Conversations

+ + You wouldn't paginate a conversation in real life, so why do it online? Our threads have just-in-time loading for a more natural flow. +
+
+third +

Your Users

- Your Users - - It takes no time at all to integrate Huddle with your app's authentication solution. + It takes no time at all to integrate Huddle with your app's authentication solution. This means, once signed in to your app, your users can start chatting immediately. - +
Ready To Build Your Community? - + +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua +1-543-123-4567 example@huddle.com - About Us What We Do FAQ @@ -59,12 +73,12 @@ Contact Us © Copyright 2018 Huddle. All rights reserved. - +
- \ No newline at end of file + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e17c432 --- /dev/null +++ b/style.css @@ -0,0 +1,53 @@ +body{ + background: url(images/bg-hero-mobile.svg) + +} + +section{ + text-align: center; + font-size: 18px; + padding: 10px 40px 10px 40px; + line-height: 1.6; + background-color: white; + font-family: 'Open Sans', sans-serif; +} +h1{ + text-align: center; + font-size: 40px; +} +h2{ + text-align: center; + font-size: 35px; +} +header{ + font-family: 'Poppins', sans-serif; + font-weight: 600; + +} +button{ + background-color: hsl(322, 100%, 66%); + width: 80%; + height: 70px; + border-radius: 50px; + font-size: 18px; + color: white; + margin: 50px; + padding: 20px; + text-align:center; + +} + +img{ + width: 400px; +} +footer{ + background-color: black; + color: white; + height: 50px; +} + +.buttom{ + background-color: black; + color: white; + height: 50px; +}