dgene.github-io/huddle.html at main · dgene/dgene.github-io · 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
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Huddle</title>

	<!--link rel is for the website icon-->
		<link rel="icon.png" href="images/logo.svg">

		<link rel="shortcut icon" href="images/logo.svg">


		<link rel="apple-touch-icon-precomposed" sizes="144X144" href="images/logo.svg">

		<link rel="apple-touch-icon-precomposed" sizes="114X114" href="images/logo.svg">

		<link rel="apple-touch-icon-precomposed" sizes="72X72" href="images/logo.svg">

		<link rel="apple-touch-icon-precomposed" href="images/logo.svg">
</head>

<body style= "background-image: url(images/bg-desktop.svg); background-color: hsl(257, 40%, 49%)">
	<div class="card-header">
		<img src="images/logo.svg">
	</div>

	<div class="container-fluid">
		<div class="row" style="margin-top: 3%;">
			<div class="col-md-7"><img src="images/illustration-mockups.svg"></div>

			<div class="col-md-5" style="margin-top: 2%;"><h2 style="color:white;">Build The Community Your Fans Love</h2>
				<p style="color:white;"> 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.</p>
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#bd-example-modal" style="background-color: hsl(300, 69%, 71%); border-radius: 50px;">Register</button>
			</div>
		 </div>


	</div>


</body>
<script type='text/javascript' src='js/bootstrap.min.js'></script>
<script type='text/javascript' src='js/fontawesome.min.js'></script>
<link rel='stylesheet' href='css/bootstrap.min.css'/>
<link rel='stylesheet' href='css/font-awesome.min.css'/>
<link rel='stylesheet' href='css/font-awesome.css'/>
</html>