Assignment1/brainfm_clone.html.html at main · DanBerkness/Assignment1 · 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
<!DOCTYPE html>
<html>

<head>
	<title>Brain.fm</title>
	<link rel="stylesheet" type="text/css" href="./brainfm_clone.css" />
	<link rel="icon" href="favicon.png" type="image/png" />
</head>

<body>
	<div class="topbar" style="margin: 10px 0px 150px 0px;">
		<div style="flex: 70">
			<img src="./logo.png" style="width: 120px;" />
		</div>
		<div style="flex: 4">
			<a href="" style="margin; 0px flex-grow: 2;">Sign In </a>
		</div>
		<div style="flex: 20">
			<input type="button" value="Try For Free" />
		</div>
	</div>
	<header class="container">
		<div class="section-2">
			<div class="left-main-column">
				<div style="flex: 1 text-align: left; padding-left: 30px;">
					<p style="font-size: 20px">Functional Music to Improve</p>
					<p style="font-size: 30px; margin: -15 0 -10 0; font-weight: bold;">Focus in 15 Minutes</p>
					<p style="font-size: 15px;">Our science-first approach creates music that sounds different-and affects your
						brain differently-than any other music.</p>
					<img src="./clout.png" style="margin-bottom: 20px" />
				</div>
				<div style="flex: 1; flex-align: left;">
					<input id="sessions-button" type="button" value="Try 5 free sessions" />
				</div>
			</div>
			<div class="right-main" style="flex: 1 1 500px;">
				<img src="./picture-1.gif" style="width: 100%" />
			</div>
		</div>
	</header>
	<main class="container">
		<div class="section-3">
			<p>Wanna see the science?</p>
		</div>
		<div class="section-4">
			<div class="bottom-left">
				<div>
					<img src="picture-2.gif" style="width: 100%" />
				</div>
				<div>
					<p style="font-size: 20px; font-weight: bold">Patented Technology</p>
					<p>Brain.fm holds patents on key processes for creating functional music, including technology to elicit strong
						neural phase locking—allowing populations of neurons to engage in various kinds of coordinated activity—and
						technology to remove distraction in sound.</p>
					<p>This makes our music unique, purpose-built to steer you into a desired mental state. In other words, we’ve
						found new ways to create music that helps you do what you need to do.</p>
					<p style="text-decoration: underline; font-weight: bold">Explore More of Our Science</p>
				</div>
			</div>
			<div class="bottom-right">
				<div>
					<img src="picture-3.png" style="width: 100%" />
				</div>
				<div>
					<p style="font-size: 20px; font-weight: bold">Tested on Brain and Beavior</p>
					<p>Scientists at Brain.fm work with collaborators at academic institutions to run experiments.</p>
					<p>We look at the effects of our technology on the brain, using fMRI and EEG, and also run large-scale
						behavioral tests, measuring performance on simple games.</p>
					<p><b>Our experiments always include a control condition (‘placebo’)</b> of the same underlying music without Brain.fm
						technology applied, so we can be sure our tech is what makes the difference.</p>
				</div>
			</div>
		</div>
	</main>
</body>

</html>