-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwork-single-vipstructures.html
More file actions
134 lines (110 loc) · 6.5 KB
/
work-single-vipstructures.html
File metadata and controls
134 lines (110 loc) · 6.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Devon Hardy - VIP Structures</title>
<meta content="" name="Graphic and Web Design accompished while working at VIP Structures">
<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>
<p id="numModals" class="hide">5</p> <!-- Number of Modals -->
<p id="currentPage" class="hide">0</p> <!-- Current Page -->
<main id="main">
<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="recommendations.html">Recommendations</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 -->
<!-- Main -->
<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">VIP Structures</h3>
<p class="singleworkdescription"><span>Advertisements, social media content and planning, website development and maintenance</span></p>
</div>
<div class="my-2">
<button class="imagebutton modalbtn" onclick="buildModal(1)" ><img src="assets/img/VIPStructures/2023SummerInternscopyLarge.jpeg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
</div>
<div class="my-2">
<button class="imagebutton modalbtn" onclick="buildModal(2)"><img src="assets/img/VIPStructures/June2023_WelcomingNewHires.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
</div>
<div class="my-2">
<button class="imagebutton modalbtn" onclick="buildModal(3)"><img src="assets/img/VIPStructures/BestCompaniesToWorkForNewYork2023.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
</div>
<div class="col-md-6 my-2">
<button class="imagebutton modalbtn" onclick="buildModal(4)"><img src="assets/img/VIPStructures/SpecificRecruitingPosts_7-24-23_Insta.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
</div>
<div class="col-md-6 my-2">
<button class="imagebutton modalbtn" onclick="buildModal(4)"><img src="assets/img/VIPStructures/SpecificRecruitingPosts_7-24-23_Insta2.jpg" alt="Image" class="img-fluid singleworkcolumnitems"></button>
</div>
<div class="my-2">
<button class="imagebutton modalbtn" onclick="buildModal(5)"><img src="assets/img/VIPStructures/WordCloudAdTemplate3.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>