portfolio/work-single-OCC.html at main · HardyDevy/portfolio · 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
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Devon Hardy - SUNY OCC</title>
  <meta content="" name="Advertisement Design and Photography accompished while working at SUNY Onondaga Community College.">
  <meta content="" name="Devon Hardy,Graphic Design,Web Design,Front End Design,Web Development,Front End Web Development,Front-End Web Development, Graphic Art, Digital Art, Digital Design, Design, website design, creative solutions, responsive design, digital graphics, visual communication, HTML, CSS, JavaScript, elementor, illustrator, photoshop, indesign, new york, ny, syracuse, portfolio, design services, user experience, innovative web solutions">

  <!-- Favicons -->
  <link href="assets/img/FlowerScan.png" rel="icon">
  <link href="assets/img/FlowerScan.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=https://fonts.googleapis.com/css?family=Inconsolata:400,500,600,700|Raleway:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

</head>

<body>
  <main id="main">

    <p id="numModals" class="hide">8</p> <!-- Number of Modals -->
    <p id="currentPage" class="hide">3</p> <!-- Current Page -->

    <section class="section">
       <!-- Nav -->
      <nav class="container">
        <div class="col-lg-6 my-3 navrow" data-aos="fade-up" data-aos-delay="100">
          <a class="setContact navbuttons mobileJustifyContentCenter" href="index.html">Home</a>
          <a class="setContact navbuttons mobileJustifyContentCenter" href="about.html">About</a>
          <a class="setContact navbuttons mobileJustifyContentCenter" href="contact.html">Contact</a>
        </div>
      </nav>
      <!-- End Nav -->
      <!-- Modals -->
          <div class="modalbuttons">
            <div id="modal"></div>
          </div>
      <!-- End Modals -->
      <div class="site-section pb-0">
        <div class="container">
          <div class="row justify-content-center">

            <div class="singleworkcolumn align-items-center" data-aos="fade-up">

              <div class="container">
                <div class="row">

                  <div class="singleworkcolumndescription">
                      <h3 class="singleworktitle">SUNY OCC</h3>
                      <p class="singleworkdescription"><span>Photography and Branding work I did while working with SUNY Onondaga Community College.</span></p>
                  </div>

                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(1)" ><img src="assets/img/SUNYOCC/DSC_0015.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(2)" ><img src="assets/img/SUNYOCC/SUNYOCC_Photo2.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(3)" ><img src="assets/img/SUNYOCC/DSC_0086.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(4)" ><img src="assets/img/SUNYOCC/SUNYOCC_Photo1.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(5)" ><img src="assets/img/SUNYOCC/SUNYOCC_Ad1.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(6)" ><img src="assets/img/SUNYOCC/SUNYOCC_Ad2.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(7)" ><img src="assets/img/SUNYOCC/SUNYOCC_Ad3.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
                  </div>
                  <div class="col-md-12 my-2">
                    <button class="imagebutton modalbtn" onclick="buildModal(8)" ><img src="assets/img/SUNYOCC/SUNYOCC_Ad4.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>

                  </div>

              </div>
            </div>
            </div>
          </div>
        </div>
    </section>

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <a href="#" class="back-to-top d-flex align-items-center justify-content-center my-3"><i class="bi bi-arrow-up-short">Back to top</i></a>

  <footer class="footer" role="contentinfo">
    <div class="container mobileFooterCentering">
      <div class="row footerCopyright">
        <div class="col-sm-6 ">
          <p class="mb-1"><nobr>Devon Hardy 2023</nobr></p>

        </div>
        <div class="col-sm-6 social text-md-end mobileFooterCentering">
          <a href="mailto: dghardy2020@gmail.com"><span class="bi bi-envelope"></span></a>
          <a href="https://www.linkedin.com/in/devonhardy/"><span class="bi bi-linkedin"></span></a>
          <a href="https://www.instagram.com/devyhaha/"><span class="bi bi-instagram"></span></a>
          <a href="https://www.pinterest.com/devonhaha/"><span class="bi bi-pinterest"></span></a>
        </div>
      </div>
    </div>
  </footer>
  <!-- End Footer -->

  <!-- JQuery -->
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>
  <script src="assets/js/data.js"></script>

</body>

</html>