FUS-Frontend-Dev-Test/index.html at main · KreativeKoder032/FUS-Frontend-Dev-Test · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Say Cheese Franciscan University</title>
    <meta charset="utf-8">
    <link href="css/fran.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
    <script src="javascript/main.js" defer></script>
  </head>
  <body>
    <div class="main-division">
      <div class="main-content">
        <div class="fran-cheese-ad-header" style="background-image: url('./mockup-images/cheesy-header.png');">
          <div class="fran-cheese-ad-header-gradient">
            <h1 style="color:lightgray; margin-bottom: 0">Say Cheese</h1>
            <h1 style="color: white; margin-top:0; font-weight: bold;">Franciscan University</h1>
          </div>
        </div>
        <div class="main-text site-content-box">
          <div class="form-content site-para-box">
            <h2>Learn More</h2>
            <form action="" method="post" class="interest-form">
              <div class="program-question">
                <label for="program-select" class="required" aria-required="true">Which program are you interested in?</label>
                <br>
                <select name="programs" id="program-select" required>
                  <option value="undergraduate">Undergraduate (Bachelor's or Associate's Degree)</option>
                  <option value="graduate-mba">Graduate (Master of Business Administration Degree)</option>
                  <option value="graduate-MA">Graduate (Master of Arts Degree)</option>
                  <option value="graduate-MS">Graduate (Master of Science Degree)</option>
                </select>
              </div>
              <div class="location-question">
                <label for="location-select" class="required" aria-required="true">Will you be studying on campus or online?</label>
                <br>
                <input type="radio" id="on-campus" name="location-select" value="on-campus" required />
                <label for="on-campus">On Campus</label>
                <br>
                <input type="radio" id="Online" name="location-select" value="Online" required />
                <label for="Online">Online</label>
              </div>
              <div class="first-name-question">
                <label for="first-name" class="required" aria-required="true">Student First Name</label>
                <br>
                <input type="text" id="first-name" class="text-input" name="first-name" required />
              </div>
              <div class="last-name-question">
                <label for="last-name" class="required" aria-required="true">Student Last Name</label>
                <br>
                <input type="text" id="last-name" class="text-input" size="lg" name="last-name" required />
              </div>
              <input type="submit" class="root-lowercase-btn" value="Submit" />
            </form>
          </div>
          <div class="text-content site-para-box">
          </div>
        </div>
      </div>
      <div class="cheese-images">
        <img src="mockup-images/cheesy-row-img-1.png" class="cheese-row-image" alt="Stacks of Cheese"/>
        <img src="mockup-images/cheesy-row-img-2.png" class="cheese-row-image" alt="Slices of Cheese"/>
        <img src="mockup-images/cheesy-row-img-3.png" class="cheese-row-image" alt="Cheese-Figure holding a sign asking for Help with Parrot in Background"/>
        <img src="mockup-images/cheesy-row-img-4.png" class="cheese-row-image" alt="Shelves full of stacks of Cheese"/>
      </div>
    </div>
  </body>
</html>