AltoWeb/index.html at master · etang01/AltoWeb · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!-- =================================
Bonobo Test
================================= //-->
<!DOCTYPE html>
<html>
<head>
   <link rel="stylesheet" href="main.css">
</head>
<body>
<div class="topHalf" id="home">
<nav>
  <ul>
    <li><a href="#home"><img src="MiniNavLogo.png" alt="AltoLogoBlack"></a></li>
    <li><a class="pagelink" href="https://boringboringboring.com/">Programs</a></li>
    <li><a class="pagelink" href="#About">About</a></li>
    <li><a class="pagelink" href="https://boringboringboring.com/">FAQ</a></li>
    <li style="float:right"><a class="pagelink" href="https://boringboringboring.com/">Donate</a></li>
  </ul>
</nav>
<section class="circle">
  <p>
    <br>
    <br>
    <br>Building <strong>Strong
    <br> Music Mentorship</strong>
    <br> Communities <strong>Nationwide</strong>
    <br>
    <br>
    Start a music tutoring
    <br> program in your school
    <br> or community today!
  </p>
  <button><a href="https://boringboringboring.com/">Learn More</a></button>
</section>
</div>
<div class="botHalf container" id="About">
  <section class="AboutLeft">
    WHO ARE WE?
  </section>
  <section class="WeAre">
    <strong>We are the step one in starting
     a music tutoring program at
     your very own school
    </strong>
  </section>
  <section class="WeAreMore">
    We providing flexible models and personalized consulting. Following the setup of a program, ALTO continues to support schools and music tutoring program students througha national network.
  </section>
  <section class="Missions">
    MISSIONS
  </section>
  <section class="MissionList">
    <ul>
      <li><a>Music-Membership <br>Communities</a></li>
      <li><a>A Nationwide <br>Network</a></li>
      <li><a>Equal <br>Opportunity</a></li>
      <li><a>Leadership</a></li>
    </ul>
  </section>
  <section class="MissionAbout">
    Music-mentorship communities refers to the long established community of tutors
     and students brought together by the local music tutoring program. ALTO affiliated
     programs are long established communities which bring high school musicians and
     younger students together to create music. Students gain inspiration and a glimpse
     into the next stages of ther musical journey through affordable, consistent private
     lessons. Tutors are able to sharpen their leadership skills, gain invaluable teaching
     experience, and give back to the community which built them up as musicians.
     Consequently, these music-mentorship communities create reciprocal relationships,
     growing and strengthening the music program as a whole.
  </section>
  <section class="LearnMore">
    Learn more about ALTO and<br>ALTO affiliate programs
  </section>
</div>
<div class="footer FootCont">
  <section class="AltoBotLogo">
    <a href="#home"></ahref><img src="BottomLeftLogo3.png" alt="AltoLogoWhite"></a>
  </section>
  <section class="AltoAddress">
    1702 Olympic Blvd
    <br>Santa Monica, CA 90404
    <br>+1 310.314.1618
  </section>
  <section class="ProgramMenu">
    Programs
  </section>
  <section class="ProgramLists">
    <ul>
      <li><a class="pagelink" href="https://boringboringboring.com/">Mentorship Programs</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Affiliate Programs</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">School Programs</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Music Programs</a></li>
    </ul>
  </section>
  <section class="AboutMenu">
    About
  </section>
  <section class="AboutLists">
    <ul>
      <li><a class="pagelink" href="https://boringboringboring.com/">About Us</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Meet The Team</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Our History</a></li>
    </ul>
  </section>
  <section class="FootRightList">
    <ul>
      <li><a class="pagelink" href="https://boringboringboring.com/">FAQ</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Donate</a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/">Contact Us</a></li>
    </ul>
  </section>
  <section class="MediaLink">
    <ul>
      <li><a class="pagelink" href="https://boringboringboring.com/"><img src="insta2.png" alt="InstaLogo"></a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/"><img src="fb2.png" alt="FBLogo"></a></li>
      <li><a class="pagelink" href="https://boringboringboring.com/"><img src="twtr2.png" alt="TwtrLogo"></a></li>
    </ul>
  </section>
</div>
</body>
</html>