intro-to-programming-asteroid/index.html at main · briHalterman/intro-to-programming-asteroid · 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
122
123
124
125
126
127
128
129
130
131
132
<!-- Created by Brittany Halterman, Spring 2022 -->

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Brittany Halterman</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="Halterman, developer, computer programming, programmer, student, profile, portfolio">
        <meta name="description" content="Brittany Halterman's Profile">
        <meta name="author" content="Brittany Halterman">
        <link rel="stylesheet" href="css/index.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>

    <body>
        <header>

            <h1>Brittany Halterman</h1>

            <nav>
                <ul>
                    <li><a href="#about">About</a></li>
                    <li><a href="#experience">Experience</a></li>
                    <li><a href="#education">Education</a></li>
                    <li><a href="#skills">Skills</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="#connect">Connect</a></li>
                    <li><a href="#leave_message">Leave a Message</a></li>
                </ul>
            </nav>

        </header>

        <main id="main">

            <section id="about">
                <h2>About</h2>
                <p>Brittany Halterman is a promising student of computer
                programming. She is a problem solver and critical thinker.
                Brittany has an aptitude for mathematics and experience
                as an administrative assistant. She is currently studying
                computer programming through Code the Dream and looks forward
                to a future career as a full-stack web developer.</p>
            </section>

            <div id="headshot">
                <img src="img/headshot3.jpg" alt="Brittany Halterman's professional headshot"/>
            </div>

            <section id="experience">
                <h2>Experience</h2>
                <ul class="flex-list">
                    <li>Student, Code the Dream</li>
                    <li>Administrative Assistant, MOVE LLC.</li>
                </ul>
            </section>

            <section id="education">
                <h2>Education</h2>
                <ul>
                    <li>Associate of Science, Wake Technical Community College</li>
                    <li>Associate of Arts, Wake Technical Community College</li>
                </ul>
            </section>

            <section id="skills">
                <h2>Skills</h2>
                <ul class="flex-list">

                </ul>
            </section>

            <section id="projects">
                <h2>Projects</h2>
                <ul id="projectList"></ul>
            </section>

            <section id="connect">
                <h2>Connect</h2>
                <p><strong>Email:</strong> <a href="mailto:halterma@gmail.com">halterma@gmail.com</a></p>
                <p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/brittany-halterman-4087611aa">Brittany Halterman</a></p>
                <p><strong>GitHub:</strong> <a href="https://github.com/brihalterman">BriHalterman</a></p>
            </section>

            <section id="contact">
                <h2>Leave a Message</h2>
                <form name="leave_message" id="leave_message">
                    <div id="form_name">
                        <label>Name</label><br>
                        <input type="text" name="name" requied="true"><br>
                    </div>

                    <div id="form_email">
                        <label>Email</label><br>
                        <input type="email" name="email" required="true"><br>
                    </div>

                    <div id="form_message">
                        <label>Message</label><br>
                        <input type="textarea" name="message" required="true"></textarea><br>
                    </div>

                    <button type="submit" class="button">Submit</button>
                </form>
            </section>
        </main>

        <footer>

            <script src="js/index.js"></script>

            <ul id="social_media">

                <li class="social_media__item">
                    <a class="colorless" href="https://www.linkedin.com/in/brittany-halterman-4087611aa" target="_blank" title="LinkedIn">
                        <i class="fa fa-linkedin-square" style="font-size:24px"></i>
                    </a>
                </li>

                <li class="social_media__item">
                    <a class="colorless" href="https://github.com/brihalterman" target="_blank" title="GitHub">
                        <i class="fa fa-github-square" style="font-size:24px"></i>
                    </a>
                </li>

            </ul>
        </footer>
    </body>

</html>