huddle_page/index.html at main · codhaking/huddle_page · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Landing Page</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="icon" type="text/css" href="favicon-32x32.png">
	 <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
</head>
<body>
	<header>
		<div class="left_head_div">
			<div class="logo">
				<img src="logo.svg">
				<button type="button" value="submit">Try It Free</button>
			</div>
			<div class="topmost">
				<div class="hdng_parag slide">
					<h1>Build the Community
					Your Fans Will Love</h1>

					<p>Huddle re-imagines the way we build communities.
						You have a voice, but so does you audience. Create connections with your users
						as you engage in genuine discussion.
					</p>
					<button type="submit" class="main_button">Get Started For Free</button>
				</div>
				<div class="right_head_div slide">
					<img src="illustration-mockups.svg" class="adjust_height1 animate__wobble">
				</div>
			</div>
		</div>
	</header>
	<main>
		<div class="top_flex_main halfsies">
			<div class="halfsies1_1 hdng_parag">
				<h1>Grow Together</h1>

				<p>Generate meaningful discussions with your audience and
				build a strong, loyal community. Think of the insightful conversations
				you miss out on with feedback form.</p>
			</div>
			<div class="halfsies1_2 add_margin">
				<img src="illustration-grow-together.svg" class="adjust_height">
			</div>
		</div>
		<div class="middle_flex_main halfsies">
			<div class="halfsies2_1 hdng_parag">
				<h1>Flowing Conversations</h1>

				<p>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</p>
			</div>
			<div class="halfsies2_2 add_margin">
				<img src="illustration-flowing-conversation.svg" class="adjust_height">
			</div>
		</div>
		<div class="bottom_flex_main halfsies">
			<div class="halfsies3_1 hdng_parag">
				<h1>Your Users</h1>
				<p>It takes no time at all to integrate Huddle with your apps authentication
				solution. This means, once signed in to your app, your users can start chatting
				immediately</p>
			</div>
			<div class="halfsies3_2 add_margin">
				<img src="illustration-your-users.svg" class="adjust_height">
			</div>
		</div>
	</main>
		<div class="card">
			<h2>Ready To Build Your Community?</h2>

			<button type="button" value="submit">Get Started For Free</button>
		</div>
	<footer>
		<div class="footer_main">
			<div>
				<img src="logo_white.svg" class="parag">
				<div class="iconic">
					<img src="location-dot-solid.svg" class="down">
					<p class="margin_left">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod	tempor incididunt ut labore et dolore magna aliqua.</p>
				</div>
			</div>
			<div class="cell_no iconic">
				<img src="phone-solid.svg" class="down">
				<p class="margin_left">+1-543-123-4567</p>
			</div>
			<div class="email_add iconic">
				<img src="envelope-solid.svg" class="down">
				<p class="margin_left">example@fylo.com</p>
			</div>
			<div class="bottom_list">
				<ul>
					<li>About Us</li>
					<li>What We Do</li>
					<li>FAQ</li>
					<li>Career</li>
					<li>Blog</li>
					<li>Contact Us</li>
				</ul>
				<div class="social_med icon">
					<img src="https://img.icons8.com/ios-filled/50/undefined/facebook-circled--v4.png" class="icos" />
					<img src="https://img.icons8.com/ios-glyphs/30/undefined/twitter-circled--v1.png" class="icos" />
					<img src="https://img.icons8.com/ios/50/undefined/instagram-new--v1.png" class="icos" />
				</div>
				<div class="copyright_text">
					<img src="https://img.icons8.com/material-outlined/24/undefined/copyright.png"/ height="15px" class="copy">
					<h6>Copyright 2018 Huddle. All rights reserved.</h6>
				</div>
			</div>
		</div>
	</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>