-
Notifications
You must be signed in to change notification settings - Fork 0
/
brain.html
60 lines (52 loc) · 3.69 KB
/
brain.html
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
<!DOCTYPE html>
<html>
<head>
<title>brain-fm</title>
<link rel="stylesheet" href="./brainStyle.css" type="text/css">
</head>
<body>
<div class="section-1">
<div style="flex-grow: 80">
<img src="./logo1.png" alt="Logo" style="width: 150px;" />
</div>
<div style="flex-grow: 2">
<a style="text-decoration:none" href="">Sign In</a>
</div>
<div style="flex-grow: 18">
<input class="free" type="button" value="Try for free" style="background-image: linear-gradient(to right, orange, #ff8000)"/>
</div>
</div>
<div class="section-2">
<div style="flex-grow: 50; z-index: 1; position: relative;">
<p class="headline-3" style="font-size:x-large; font-weight: lighter;">Functional Music to Improve</p>
<p class="headline-3" style="font-size:x-large; font-weight: bold;">Focus in 15 Minutes</p>
<p class="headline-3" style="font-size: medium; color:lightgray; min-width: 445px; margin-right: -150px;">Our science-first approach creates music that sounds different-and affects your brain differently-than any other music.</p>
<p class="headline-3" style="font-size: x-small; color:lightgray">FEATURED IN</p>
<img src="clout.png" style="padding-bottom: 6%;">
<div><input class="sessions" type="button" value="Try 5 free sessions" style="background-image: linear-gradient(to right, orange, #ff8000)"/></div>
</div>
<div style="flex-grow: 50; margin-left: -100px; z-index: 0; position: relative;">
<img class="pic1" src="picture-1.gif" alt="Gif" />
</div>
</div>
<div class="section-3" style="justify-content: center;">
<p class="head-1" style="font-size:medium; font-weight: bold;">Wanna see the science?</p>
</div>
<div class="section-4">
<div style="flex-grow: 50">
<img src="./picture-2.gif" alt="Gif" style="width: 350px" />
<p class="h1" style="font-size: larger; font-weight: bold">Patented Technology</p>
<p class="h2" style="font-size: small; width: 425px" >Brain.fm holds patents on key processes for creating functional music, including technology to elicit <strong> strong neural phase locking</strong>-allowing populations of neurons to engage in various kinds of coordinated activity-and technology to remove distraction in sound.</p>
<p class="h3" style="font-size: small; width: 425px">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 class="h4" style="font-size: medium; font-weight: bold; text-decoration:underline;">Explore More of Our Science</p>
</div>
<div style="flex-grow: 50">
<img src="./picture-3.png" alt="Pic" style="width: 350px; padding-left: 5%; padding-bottom: 3%;" />
<p class="h-1" style="font-size: larger; font-weight: bold;">Tested on Brain and Behavior</p>
<p class="h-2" style="font-size: small; width: 425px">Scientists at Brain.fm work with collaborators at academic instiutions to run experiments.</p>
<p class="h-3" style="font-size: small; width: 425px">We look at the effects of our technology on the brain, using fMRI and EEG, and also run large-scale behavioral test, measuring performance on simple games.</p>
<p class="h-4" style="font-size: small; width: 425px"><strong>Our experiments always include a control condition ('placebo')</strong> 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>
</body>
</html>