FrontEnd/about.html at master · MusicExMachina/FrontEnd · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>About - MxM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="./js/main.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="./css/main.css" />
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>

<body>
    <div class='navbar'>
        <img class='logo' src='./resources/mxmLogo.png' alt='Music Ex Machina'>
        <div class='dropdown'>
            <button class='dropbtn' onclick='toggleDropDown()'>Projects
                <i class='fa fa-caret-down'></i>
            </button>
            <div class='dropdown-content' id='projectsDropdown'>
                <a href='./projects/rhythm.html'>Rhythm</a>
                <a href='./projects/harmony.html'>Harmony</a>
                <a href='./projects/jazz.html'>Jazz</a>
                <a href='./projects/metadata.html'>Metadata</a>
                <a href='./projects/framework.html'>Framework</a>
            </div>
        </div>
        <a href='./contact.html'>Contact</a>
        <a href='./people.html'>People</a>
        <a href='./about.html' class='active'>About</a>
        <a href='./index.html'>Home</a>
    </div>

    <div class="block" style="height: 400px;">
        <div class="centered">
            <div class="child">
                <p>About MxM</p>
            </div>
        </div>
    </div>

    <div id='content'>
        <h1>Content Title</h1>
        <img src="./resources/test.jpg" alt="test image" style="width:200px;">
        <p>
            Lorem ipsum dolor sit amet, nam cu consectetuer definitiones. His ex blandit invidunt. Eum feugiat postulant ei. Vel ei brute
            reque admodum, ad suas pericula sea. No nihil delenit eum. Quem placerat no sea, ne sea justo malis soleat. In eos
            prima pertinacia. Vix natum recteque democritum id, veniam mentitum qui an. Ea probatus reprimique sit, has debet
            iusto commodo ex. Eum case etiam iisque ad. No per affert nonumes, ne eam dicam cetero reformidans. Ne per ferri
            inimicus, pri vitae tempor alienum ad. Has an mandamus persecuti, has at minim scribentur neglegentur. Gubergren
            prodesset interpretaris per an, in nec duis iracundia reprehendunt. Et quo suas decore iuvaret, te malis nostro pri.
            Molestie elaboraret et pri. Ei philosophia necessitatibus his. Pri ut posse animal indoctum. Eu vix vero mundi. Ei
            quidam legendos forensibus usu, est ea delenit pertinax persecuti. Ne lucilius similique sententiae his, vis nisl
            nulla cu. Ei mel ubique maiorum denique, tota voluptua praesent no per, mea viris dolor aliquip te. Has indoctum
            consulatu no. Vel vocent feugait ei, id his ipsum philosophia. Pro an persius evertitur, quot doming delicata ne
            pro, eos justo expetenda vulputate no. At nam stet persius inciderint, mundi utroque maluisset eam ut. Et doctus
            menandri temporibus duo, ius ignota equidem ad. Mutat propriae consulatu ut quo, suas mazim definitionem no his,
            probo antiopam et ius.
        </p>
        <p>
            icons created by Designify.me from the Noun Project
        </p>
    </div>

</body>
</html>