Assignment-1-WebpageBuild/index.html at main · TjacksWebDev/Assignment-1-WebpageBuild · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Brain.FM Assignment</title>
	<link rel="stylesheet" href="./assignment1.css"/>
  </head>
  <body>
    <div class="container">
		<div class="header">
		  <div style="flex-grow: 75">
			<img src="./logo.png" />
		  </div>
		  <div style="flex-grow: 2">
			<a class="active"  href="./C:\Users\paula\Desktop\CodersCampWorkspace\login.html">Sign In</a>
		  </div>
		  <div style="flex-group: 23; margin-right: 100px;">
			<input type="button" value="Try for free"/>
		  </div>
		</div>

		<div class="section-1">
		  <div class="copy-1">
		    <h2 style="margin-bottom: 0px; color: white;">Functional Music to Improve</h2>
			<h1 style="margin-top: 0px; color: white;">Focus in 15 Minutes</h1>
			<p>Our science-first approach creates music that sounds different-and affects
			  your brain differently-than any other music.</p>
			<div>
			  FEATURED IN
			</div>
			<div>
			  <img src="clout.png"/>
			</div>
			<div style="margin-top: 40px">
			  <input type="button" value="Try 5 free sessions"
			    style="white-space: normal; width: 200px; padding: 10px 50px;"/>
			</div>
		  </div>
		  <div class="picture-1">
		    <img src="picture-1.gif" style="width: 100%" />
		  </div>
		</div>

		<div style="text-align: center; padding: 100px 0px;">
		  <h3>Wanna see the science?</h3>

		</div>

		<div class="section-2">
		  <div class="patented-tech">
		    <div style="margin-top: -80px;">
		      <img src="picture-2.gif" style="width: 100%;"/>
			</div>
		    <h2>Patented Technology</h2>
			<p>
			  Brain.fm holds patents on key processes for creating functional music, including technology to elicit <b>strong neural phase locking</b>—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>
			<a href="" style="text-decoration: underline; font-weight: bold;">
			  Explore More of Our Science
			</a>
		  </div>

		  <div class="brain-and-behavior">
		    <div style="margin-bottom: 60px;">
		      <img src="picture-3.png" style="width: 100%;"/>
			</div>
		    <h2>Tested on Brain and Behavior</h2>

			<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>
			<a href="" style="text-decoration: underline; font-weight: bold;">
			  Visit the science page to see our latest results.
			</a>
		  </div>
		</div>
    </div>
  </body>
</html>