PortfolioWebsite/projects.html at main · SassCoding/PortfolioWebsite · 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
<!--
  Ryan Sass
  Portfolio Website
  Created March 2022
-->

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <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="stylesheet" href="style.css" >

    <title>Projects | Ryan Sass</title>
  </head>

  <body class="text-center text-white bg-dark">

    <!--NavBar-->
    <div class="menubar">
      <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html"><i class="bi bi-code-slash"></i>Ryan Sass</a>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent"
            aria-expanded="false"
            aria-label="Toggle navigation">
            <i class="bi bi-list fs-1"></i>
          </button>
          <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
            <ul class="navbar-nav mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link" href="index.html"><i class="bi bi-house-door-fill"></i>Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="aboutme.html"><i class="bi bi-person-video2"></i>About Me</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="projects.html"><i class="bi bi-folder-plus"></i>Projects</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="contactme.html"><i class="bi bi-chat-dots"></i>Contact Me</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>

    <!--Projects-->
    <main>
      <div class="container">
        <div class="card mb-3 mt-5 bg-info">
          <div class="card-body">
            <h5 class="card-title fs-1">RRC Automotive Group - C# Vehicle Sales Quote Calculator</h5>
            <p class="card-text fs-5">
              My first major project of the Business Information Technology program.
              Our learning goal for the second term of programming after learning Java was to jump into the world of C# and Windows Forms.
              This application required the creation of data-bound properties and invoice forms that used a database populated with
              vehicle information that could be accessed and changed via Windows Form. I am proud of this project because it was my first
              glimpse into the project space. I got to see from start to finish how applications are created, rigorously tested, and debugged before
              completion.
            </p>
            <img src="images/prog_proj2.PNG" class="card-img-top" alt="Vehicle Sales Quote Calculator">
          </div>
        </div>

        <div class="card mb-3 mt-5 bg-info">
          <div class="card-body">
            <h5 class="card-title fs-1">iMovieRatings - Content Management System - *In Progress*</h5>
            <p class="card-text fs-5">
              iMovieRatings is a project I that I am continuing to work on. It is a CMS website created using PHP/HTML/CSS/BootStrap and MyPHPAdmin.
              Using a fully working login system, users can sign up, and browse for movies they wish to read reviews on, or post ratings/reviews of their own.
              Reviews can be edited/deleted by the user who posted them and the changes are all reflected by the database. This project has been one of my favourites because
              it is forcing me to apply all of my skills learned about web development in the past 2 years of school.
           </p>
           <img src="images/imovierating.PNG" class="card-img-top" alt="iMovieRatings">
         </div>
       </div>
      </div>
    </main>

      <!--Footer-->
      <div class="footer-links">
        <div class="container">
          <footer class="footer mt-auto" id="footer">
            <ul class="nav justify-content-center border-top border-bottom pb-3 mb-3 mt-5 fs-5">
              <li class="nav-link"><a href="index.html" class="nav-link px-2">Home</a></li>
              <li class="nav-link"><a href="aboutme.html" class="nav-link px-2">About Me</a></li>
              <li class="nav-link"><a href="projects.html" class="nav-link px-2">Projects</a></li>
              <li class="nav-link"><a href="contactme.html" class="nav-link px-2">Contact Me</a></li>
            </ul>
            <p class="text-center text-light">&copy; 2022 RyanSass
            <br>
            <a href="https://github.com/SassCoding"><i class="bi bi-github fs-1" id="git-icon"></i></a>
            <a href="https://www.linkedin.com/in/ryan-sass/"><i class="bi bi-linkedin fs-1 ms-1" id="linkedin-icon" ></i></a>
          </footer>
        </div>
      </div>
    <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>