forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
60 lines (60 loc) · 4.01 KB
/
index.html
File metadata and controls
60 lines (60 loc) · 4.01 KB
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 lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<title>The Wonders of the Newborn Nervous System</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<h1>The Wonders of the Newborn Nervous System</h1>
<h2>Admiring the miracle of life</h2>
</header>
<article class="main">
<h2>The first days of life</h2>
<h3>A look at how the nervous system first experiences the outside world</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa erat, euismod a tincidunt sed, pulvinar ac diam.
Suspendisse maximus augue fringilla leo sollicitudin maximus. Donec bibendum, nisl vitae fringilla dignissim, mi quam scelerisque odio, sed porttitor lacus ex in nisi.
Vestibulum eget dictum sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis pharetra pellentesque elit, ac efficitur mauris bibendum non.
Praesent venenatis tellus ut aliquam bibendum. Etiam maximus metus vel elementum venenatis. <a href = "#" target=_blank>Read more here.</a>
</p>
</article>
<article>
<h2>Senses</h2>
<h3>The cool, the factual and the mythical around Newborn senses</h3>
<p>
Duis tempor vehicula blandit. Suspendisse potenti. Duis elit neque, finibus eget faucibus ut, blandit ut justo.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc non mi enim. Nam egestas magna in commodo convallis.
Mauris ligula odio, porttitor nec arcu non, rhoncus vehicula tortor. Etiam luctus, ex vel eleifend varius, leo justo ultricies metus, sit amet consequat ante tellus at nibh. <a href="#" target=_blank>Still interested?</a>
</p>
</article>
<article>
<h2>Looking ahead</h2>
<h3>A peak into what the future holds for this newly established network</h3>
<p>
Nulla ultricies ante in cursus pulvinar. Vestibulum non consequat felis. Donec condimentum, mi sed sodales pulvinar, risus nisi fermentum lorem, vel eleifend nisl turpis quis magna.
Cras luctus nibh nec congue tincidunt. Aenean vel maximus nulla. Praesent enim elit, pharetra id ullamcorper in, eleifend ac velit. In quam dolor, sodales at iaculis a, convallis at lorem.
Ut eros massa, molestie at pellentesque ac, ornare ut diam. <a href = "#" target=_blank>Not enough info for you?</a>
</p>
</article>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <> etc -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</body>
<footer>
<p>2020 Free-to-access content by Rth Inc. Disclaimer: This information is not intended to inform any medical decisions, as such no references are provided other than the direct links to the information source. For any further correspondence contact [email protected]</p>
</footer>
</html>