diff --git a/index.html b/index.html index 94ad32b..68ed0f2 100755 --- a/index.html +++ b/index.html @@ -5,66 +5,90 @@ - + Frontend Mentor | Huddle landing page with alternating feature blocks - + + +
+ + + + +
+
- Try It Free +

Build The Community Your Fans Will Love

- 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. - Get Started For Free +

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.

- 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. + + +
- Flowing Conversations +
+ +

Grow Together

- 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. +

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.

+
- Your Users - 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. +
+ +

Flowing Conversations

- Ready To Build Your Community? +

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.

+
+
- Get Started For Free + +

Your Users

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor +

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 +
About Us
+
What We Do
+
FAQ
- Career - Blog - Contact Us +
Career
+
Blog
+
Contact Us
+
© Copyright 2018 Huddle. All rights reserved. + + - \ No newline at end of file + diff --git a/week5.css b/week5.css new file mode 100644 index 0000000..fbd1312 --- /dev/null +++ b/week5.css @@ -0,0 +1,32 @@ +.attribution { font-size: 11px; text-align: center; } +.attribution a { color: hsl(228, 45%, 44%); } +h1{ +font-style: normal; + + + +} +section .pr-1 { +border-bottom: 1px solid #ccc; +margin-bottom: 20px; +} + +.button{ +background-color:hsl(322, 100%, 66%); +border: none; +border-radius: 30px; +padding: 20px; +padding-left: 50px; +padding-right: 50px; +color: white; +display: block; +margin: auto; +margin-top: 40px; +font-weight: bold; + +} + +body{ +background-image: url("bg-hero-desktop.svg"); + +}