swsuggs.github.io/musicmain.html at master · swsuggs/swsuggs.github.io · 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
<!DOCTYPE html>

<html>

<head>

    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BL44L654N5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-BL44L654N5');
</script>

<link rel='stylesheet' href='style/style.css'>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya Sans">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Newsreader">


<title>Sterling Suggs music</title>


</head>

<body>

  <nav class="navbar">

    <a href="index.html" id="home-button">Sterling Suggs</a>
    <a href="projects.html">ML projects</a>
    <a href="musicmain.html" id="current-page">Music</a>
    <a href="resume.html">Resume</a>


</nav>

<div class="main">

    <h3 class='title'>Music</h3>

    <div class='inline-item'>
        I went to college as a classical guitar performance major, where I studied for two years with
        <a href='https://music.byu.edu/directory/lawrence-green' target="_blank">Lawrence Green</a>
        before switching to applied math.
        I currently serve as the organist at my church.  I'm completely self-taught on that instrument,
        but you can see how far I've come in some of the videos below.
        In addition, I directed the choir at my church for three years, and wrote or arranged
        much of the music we did.  Some of those arrangements are collected here.


    </div>

    <div class='flex'>

    <div class="container project">
        <p style='text-align:center;'>Hymn Arrangements</p>
        <a href="music.html"><span class="div-link"></span></a>
        <img src='img/thumbnail.jpg' style='border:1px solid gray;'>
    </div>

    <div class="container project">
        <p style='text-align: center;'>Recordings</p>
        <a href="music_recordings.html"><span class="div-link"></span></a>
        <img src='img/organ-thumb.jpg' style="border: 1px solid gray;">
    </div>

    </div>


    <div style='height:100px;'></div>
</div>


</body>
</html>