FrontEnd/index.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
68
69
70
<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>MxM: Music Ex Machina</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>
    <nav 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'>About</a>
        <a href='./index.html' class='active'>Home</a>
    </nav>

    <div class="block" style="height: 400px;">
        <div class="centered">
            <div class="child">
                <p>Music Ex Machina</p>
            </div>
            <div class="child">
                <p style='font-size:20px;'>An Elegant Machine Learning Music Model</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>
    </div>

</body>

</html>