COSC490-GroupProject/Frontend.html at master · HaleyTurfle/COSC490-GroupProject · 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
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<!-- Template by html.am at https://www.html.am/templates/downloads/view-source.cfm?template=css-templates/fixed-width-2-orange.cfm-->
<html>

<head>
    <link rel="stylesheet" href="format.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Cyberbiosecurity of Genomic Data</title>
</head>

<body>
    <div id="page">
        <header id="header">
            <div id="header-inner">
                <div id="logo">
                    <h1><a href="#">Cyberbiosecurity<span> of Genomic Data</span></a></h1>
                </div>
                <div id="top-nav">
                    <ul>
                        <li><a href="Frontend.html">Home</a></li>
                        <li><a href="AboutUs.html">About</a></li>
                        <li><a href="ContactUs.html">Contact</a></li>
                    </ul>
                </div>
                <img id="header" src="imgs/header.jpeg">
                <div class="clr"></div>
            </div>
        </header>
        <div class="feature">
            <div class="feature-inner">
                <h1>Data Submission</h1>
            </div>
        </div>


        <div id="content">
            <div id="content-inner">

                <main id="contentbar">
                    <div class="article">
                        <!-- SUBMISSION PORTION -->
                        <h1> Genomic Database Submisson </h1>
                        <p> *info about data submission* </p>

                        <br>
                        <h4> Name </h4>
                        <label for="fname">First:</label>
                        <input type="text" id="fname" name="fname"><br><br>
                        <label for="lname">Last:</label>
                        <input type="text" id="lname" name="lname"><br><br>

                        <br>

                        <h4> Data </h4>
                        <label for="data">Data:</label>
                        <input type="text" id="data" name="data"><br><br>

                        <br>

                        <button type="button">Submit</button>
                        <!-- PHP here to validate form on button click -->
                    </div>
                </main>

                <div class="clr"></div>
            </div>
        </div>

        <div id="footerblurb">
            <div id="footerblurb-inner">

                <div class="column">
                    <h2><span>About Us</span></h2>
                    <a href="AboutUs.html"> <img src="imgs/team_photo.jpeg" width=75 height=75></a>
                    <p> Information about the indviduals who contributed to this project. Includes members of Towson
                        University and MITRE professionals. </p>
                </div>
                <div class="column">
                    <h2><span>Towson University</span></h2>
                    <a href="https://www.towson.edu/"> <img src="imgs/towson_logo.png" width=75 height=75></a>
                    <p> The university website. Find information about ... </p>
                </div>
                <div class="column">
                    <h2><span>MITRE</span></h2>
                    <a href="https://www.mitre.org/"> <img src="imgs/mitre_logo.jpeg" width=75 height=75></a>
                    <p> The corporation website. Find information about ... </p>
                </div>

                <div class="clr"></div>
            </div>
        </div>
        <footer id="footer">
            <div id="footer-inner">
                <p>&copy; Copyright <a href="#">Your Site</a> &#124; <a href="#">Terms of Use</a> &#124; <a
                        href="#">Privacy Policy</a></p>
                <div class="clr"></div>
            </div>
        </footer>
    </div>
</body>

</html>