html501/blog.html at master · davidsu/html501 · 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
90
91
92
93
<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>blog</title>
        <link rel="stylesheet" href="./css/blog.css"/>
    </head>
    <body>

        <video autoplay loop  id="bgvid">
            <!--<source src="http://www.eclarify.com/videos/background.mp4" type="video/webm">-->
            <!--<source src="http://www.eclarify.com/videos/background.webm" type="video/mp4">-->
            <source src="http://www.eclarify.com/videos/background.mp4" type="video/webm">
            <source src="http://www.eclarify.com/videos/background.webm" type="video/mp4">
        </video>

        <div class="container">
            <div class="nav-container">
            <nav class="main_navigation">
                <ul class="ul">
                    <li class="li"><a href="index.html">home</a></li>
                    <li class="li"><a href="about.html">about</a></li>
                    <li class="li"><a href="gallery.html">gallery</a></li>
                    <li class="li"><a href="works.html">works</a></li>
                    <li class="li current-page"><a href="blog.html">blog</a></li>
                    <li class="li"><a href="contact_form.html">contact</a></li>
                </ul>
            </nav>
                </div>
            <header class="main-header">
                <h1 class="main_title">blog</h1>
            </header>
            <main class="main_section">
                <figure class="figure">
                    <blockquote class="quotation">All of science is nothing more than refinement of everyday thinking.
                        <cite class="cite">Albert
                            Einsten</cite></blockquote>
                    <img class="img" src="./resources/einstein_smile.jpeg" alt="einstein smile"/>
                </figure>
                <article>
                    <h2 class="blog_title">Short Biography</h2>

                    <p class="date_time">
                        <time datetime="2015-06-14">June 14, 2015</time>
                    </p>

                    <p>Albert Einstein was born in Ulm, Germany on March 14, 1879. As a child, Einstein revealed an
                        extraordinary curiosity for understanding the mysteries of science (started only at age 10/11). A
                        typical child (only to his socio-economic class — educated middle class), Einstein took music
                        lessons,
                        playing both the violin and piano — a passion that followed him into adulthood. Moving first to
                        Italy
                        and then to Switzerland, the young prodigy graduated from high-school in 1896.</p>

                    <p>In 1905, while working as a patent clerk in Bern, Switzerland, Einstein had what came to be known as
                        his
                        “Annus Mirabilis” — or “miracle year”. It was during this time that the young physicist obtained his
                        Doctorate degree and published four of his most influential research papers, including the Special
                        Theory of Relativity. In that, the now world famous equation "e = mc2" unlocked mysteries of the
                        Universe theretofore unknown.</p>

                    <p>Ten years later, in 1915, Einstein completed his General Theory of Relativity and in 1921 he was
                        awarded
                        the Nobel Prize in Physics (iconic status cemented in 1919 when Arthur Eddington's expedition
                        confirmed
                        Albert Einstein's prediction). It also launched him to international superstardom and his name
                        became a
                        household word synonymous with genius all over the world.
                    </p>

                    <p>Einstein emigrated to the United States in the autumn of 1933 and took up residence in Princeton, New
                        Jersey and a professorship at the prestigious Institute for Advanced Study.</p>

                    <p>Today, the practical applications of Einstein's theories include the development of the television,
                        remote control devices, automatic door openers, lasers, and DVD-players. Recognized as TIME
                        magazine's
                        "Person of the Century" in 1999, Einstein's intellect, coupled his strong passion for social
                        justice
                        and dedication to pacifism, left the world with infinite knowledge and pioneering moral
                        leadership.</p>
                </article>
            </main>
            <footer class="footer">
                <p>
                    this is the footer :)
                </p>
            </footer>
        </div>


    </body>
</html>