-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (84 loc) · 4.02 KB
/
index.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
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
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<title>Experince VR</title>
</head>
<body>
<div>
<header>
<h1>Experience VR</h1>
<p>A <em>simple</em> blog about virtual experiences</p>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#articles">Articles</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<div><!-- Start wrapper div -->
<img src="image/featured.jpg" alt="Virtual reality user">
<p><strong>Virtual Reality</strong> is becoming well-known as a form of entertainment, but it's also finding its way into fields like education, industrial design, healthcare and so much more!</p>
<a href="https://teamtreehouse.com/vr" target="_blank">Start Your VR Journey</a>
</div>
<main>
<section id="about">
<h2>About this site</h2>
<p><span>Lorem ipsum dolor sit amet,</span> consectetur adipiscing elit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>
<figure>
<img src="image/vr-space.jpg" alt="User experiencing space in VR">
<figcaption>
Virtual reality users can explore faraway places and feel as though they are right in the middle of the action.
</figcaption>
</figure>
</section>
<section id="articles">
<h2>Latest VR Articles</h2>
<article>
<h3>How School Use Virtual Reality to Improve Education</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
<a href="articles/2017/article.html#vr-article">Read more</a>
<footer>Published: June 12, 2017</footer>
</article>
<article>
<h3>The Advantages of VR simulation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
<a href="articles/2017/article.html#vr-article">Read more</a>
<footer>Published: June 19, 2017</footer>
</article>
</section>
<section id="contact">
<h2>Contact</h2>
<p><strong>Email:</strong> <a href="mailto:[email protected]?subject=Hi%20There!">[email protected]</a></p>
<p><strong>Phone:</strong> 555-123-4567</p>
<p><strong>Address:</strong></p>
<address>
Experience VR<br>
2017 Virtual Way<br>
City, State 3347
</address>
</section>
</main>
<aside>
<h3>Top VR Resources</h3>
<ol>
<li><a href="#">Learn to create educational experiences in VR</a></li>
<li><a href="#">Virtual Reality in entertainment</a></li>
<li><a href="#">Interact with buildings and products in VR</a></li>
<li><a href="#">Use VR for teleconferencing and social media</a></li>
</ol>
<hr>
<blockquote>
"Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming."
<footer>
<cite><a href="https://www.facebook.com/zuck/posts/10101319050523971">Mark Zuckerberg</a></cite>
</footer>
</blockquote>
</aside>
<footer>
<p><small>©2017 Experience VR. The Blog</small></p>
</footer>
</div><!-- End wrapper div -->
</body>
</html>