Web-Programming/index.html at master · SamSkinner01/Web-Programming · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--Other -->
    <title>Samuel Skinner</title>

    <!-- Links -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="icon" href="images/logo.jpg">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Title -->
    <div class="title">
        <div class="row" >


        <div class="col-md-6">
            <h1>Sam Skinner</h1>
        </div>

        <div class="col-md-6">
            <img src="images/fam.jpg" alt="Me and my family!">
        </div>

    </div>
    </div>

    <!-- About -->
    <div class="row">
        <div class="about col-md-6">
            <h1>About</h1>
        </div>

        <div class="about col-md-6">
            <p>Thank you so much for visiting this website! I hope you enjoy your stay!
                This website is a collection of all my personal works during the Web
                Programming class. This will contain homeworks and projects for the most part.
                Homeworks are completed purely based upon my curiosity, as long as I use material
                that was previously learned in class. Homeworks have the assignment website itself along with
                a summary describing the topics that were learned in class! Projects are way stricter, however,
                but those will also be accessible on this page! Lastly, there will be an About Me! section
                at the end of this. Regardless, enjoy your stay!</p>
        </div>
    </div>

    <!-- Homeworks -->
    <div class="row">
        <div class="homework col-md-6">
            <h1>Homeworks</h1>
        </div>

        <div class="homework-list col-md-6">
            <h2>Links</h2>
            <div class="hw-list">
                <a href="homework1/homework1.html">Homework 1</a>
                <a href="homework1/summary1.html">Summary 1</a>
            </div>

            <div class="hw-list">
                <a href="homework2/homework2.html">Homework 2</a>
                <a href="homework2/summary2.html">Summary 2</a>
            </div>

            <div class="hw-list">
                <a href="homework3/index.php">Homework 3</a>
                <a href="homework3/summary3.html">Summary 3</a>
            </div>

            <div class="hw-list">
                <a href="homework4/homework4.html">Homework 4</a>
                <a href="homework4/summary4.html">Summary 4</a>
            </div>

            <div class="hw-list">
                <a href="">Homework 5</a>
                <a href="">Summary 5</a>
            </div>


        </div>
    </div>

    <!-- Projects -->
    <div class="row">
        <div class="projects col-md-6">
            <h1>Projects</h1>
        </div>

        <div class="projects projects-list col-md-6">
            <h2>Links</h2>
            <div class = "project-list">
                <a href="project1/index.html">Project 1</a>
            </div>
            <div class = "project-list">
                <a href="project2/tmnt.html">Project 2</a>
            </div>
            <div class = "project-list">
                <a href="project3/movie.php?film=princessbride">Project 3</a>
            </div>
            <div class = "project-list">
                <a href="project4/index.php">Project 4</a>
            </div>
        </div>

    </div>

    <!-- JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

</body>
</html>