pshear.github.io/aca.html at main · pshear/pshear.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
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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
    <title>Academics/Clubs</title>
    <style>
        .picture{
          border: 4px solid white;
          border-radius: 100%;
        }
       </style>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="style1/mystyle4.css">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg">
      <div class="container-fluid">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link" aria-current="page" href="index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="sports.html" target="_blank">Sports</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Academics/Clubs</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Recipes
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="recipe.html" target="_blank">HTML</a></li>
                <li><a class="dropdown-item" href="recipe2.html" target="_blank">CSS</a></li>
                <li><a class="dropdown-item" href="recipe3.html" target="_blank">Bootstrap</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <br>
    <div class="container bg-light">
        <div class="row">
            <div class="col-md-12">
                <h1 class="boo text-center">Academics</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5">
                <img src="media/grad.jpg"  alt="Graduation" height="300" width="400">

            </div>
            <div class="col-md-7">
                <p class="story">In eighth grade, I had the honor of being named valedictorian of my class, a reflection of the dedication and effort I’ve always put into my education. Throughout my academic journey, I have consistently challenged myself, maintaining top grades across all subjects. Learning has always been something I take seriously, not just as a requirement but as an opportunity to grow and excel. My commitment to academics has shaped my work ethic and drive, pushing me to always strive for the best in everything I do.</p>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-12">
                <p class="story">I am currently taking a class called Web Development, where I’ve been learning how to design and build websites. One of my projects involved creating different websites for a banana bread recipe, experimenting with various layouts and styles. If you’re interested, click "Recipe" at the top of the page to check out the different versions I created!</p>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-md-12">
                <h1 class="boo text-center">Clubs</h1>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-7">
                <p class="story">I am in The Unified Buddies Club! Unified Buddies is a club that brings together general education students and students with disabilities to build friendships and create an inclusive community. Through fun activities, games, and group events, members get the chance to connect, support one another, and celebrate their differences. The club is all about fostering meaningful relationships, promoting kindness, and ensuring that everyone feels valued and included. It’s a great way to make new friends while making a positive impact!</p>
            </div>
            <div class="col-md-5">
                <img src="media/unified.jpeg" alt="unified" height="300" width="400">
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-4">
                <img src="media/cancer.jpeg" alt="Cancer" height="300" width="300">
            </div>

            <div class="col-md-8">
                <p class="story">I am a member of the Children's Cancer Club, a group dedicated to bringing joy and support to kids battling cancer. One of the ways we make a difference is by creating goody bags filled with small gifts, snacks, and uplifting notes to brighten their day. It’s a simple but meaningful way to let them know they’re not alone and that people care about them. Being part of this club has been a rewarding experience, allowing me to give back and spread kindness to those who need it most.</p>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-7">
                <p class="story">I am part of the Sports Broadcasting Club, where I get to interview athletes from my school and gain hands-on experience in sports media. In this club, we cover games, analyze performances, and create engaging content to highlight our school's athletic talent. Whether it's conducting interviews, commentating on games, or working behind the scenes, the club provides a great opportunity to develop communication skills and explore the world of sports journalism. It's been an exciting way to combine my passion for sports with media and broadcasting!</p>
            </div>
            <div class="col-md-5">
                <img src="media/sports.jpeg" alt="sports" width="400" height="300">
            </div>
        </div>
    </div>
    <br>
    <footer>
        <p class="footer text-center"><b>Email:</b> <a href="mailto:shearpeyton00@gmail.com" target="_blank">shearpeyton00@gmail.com</p></a>
        <p class="footer text-center"><b>Phone Number:</b> 847-975-4944</p>
       </footer>
    </body>
    </html>