PageSourceSearch

https://www.ejdevspot.com/

html ejdevspot.com collected 2026-09-29 07:11:01 UTC 52,675 bytes, 983 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <meta content="width=device-width, initial-scale=1.0" name="viewport">
7
8    <title>The Dev Spot</title>
9    <meta content="" name="description">
10    <meta content="" name="keywords">
11
12    <!-- Favicons -->
13    <link rel="apple-touch-icon" sizes="180x180" href="Img/apple-touch-icon.png">
14    <link rel="icon" type="image/png" sizes="32x32" href="Img/favicon-32x32.png">
15    <link rel="icon" type="image/png" sizes="16x16" href="Img/favicon-16x16.png">
16
17    <!-- Google Fonts -->
18    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
19
20    <!-- Vendor CSS Files -->
21    <link href="Content/bootstrap.min.css" rel="stylesheet" />
22    <link href="Content/icofont.min.css" rel="stylesheet" />
23    <link href="Content/boxicons.min.css" rel="stylesheet" />
24    <link href="Content/venobox.css" rel="stylesheet" />
25    <link href="Content/owl.carousel.min.css" rel="stylesheet" />
26    <link href="Content/aos.css" rel="stylesheet" />
27    <link href="Content/bootstrap-reboot.min.css" rel="stylesheet" />
28    <link href="Content/devicon.min.css" rel="stylesheet" />
29    <link href="Content/devicon-colors.css" rel="stylesheet" />
30    <link href="Content/devicon-alias.css" rel="stylesheet" />
31    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
32
33    <!-- Template Main CSS File -->
34    <link href="Content/style.css" rel="stylesheet" />
35
36    <!-- =======================================================
37    * Template Name: iPortfolio - v1.4.0
38    * Template URL: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
39    * Author: BootstrapMade.com
40    * License: https://bootstrapmade.com/license/
41    ======================================================== -->
42</head>
43
44<body>
45
46    <!-- ======= Mobile nav toggle button ======= -->
47    <button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
48
49    <!-- ======= Header ======= -->
50    <header id="header">
51        <div class="d-flex flex-column">
52
53
54            <nav class="nav-menu mt-5">
55                <ul>
56                    <li class="active"><a href='/'><i class="bx bx-home"></i> <span>Home</span></a></li>
57                    <li><a href="#about"><i class="bx bx-user"></i> <span>About</span></a></li>
58                    <li><a href="#resume"><i class="bx bx-file-blank"></i> <span>Resume</span></a></li>
59                    <li><a href="#projects"><i class="bx bx-chart"></i> Projects</a></li>
60                    <li><a href="#challenges"><i class="bx bx-code-alt"></i> Challenges</a></li>
61                    <li><a href="#blog"><i class="bx bx-book-content"></i> Blog Posts</a></li>
62                    <li><a href="#contact"><i class="bx bx-envelope"></i> Contact</a></li>
63
64                </ul>
65            </nav><!-- .nav-menu -->
66            <div class="profile">
67                <!--<img src="Img/profile-pic.jpg" alt="" class="img-fluid rounded-circle">
68                <h1 class="text-light"><a href="index.html">Eli Jones</a></h1>-->
69                <div class="social-links mt-3 text-center">
70                    <a target="_blank" href="https://github.com/joneseli7395" class="github"><i class="bx bxl-github"></i></a>
71                    <a target="_blank" href="https://twitter.com/joneseli7395" class="twitter"><i class="bx bxl-twitter"></i></a>
72                    <a target="_blank" href="https://www.linkedin.com/in/eli-jones-8896a519b/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
73                </div>
74            </div>
75            <button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
76
77        </div>
78    </header><!-- End Header -->
79    <!-- ======= Hero Section ======= -->
80    <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
81        <div class="hero-container" data-aos="fade-in">
82            <h1>Eli Jones</h1>
83            <p>I'm a <span class="typed" data-typed-items="Full Stack Developer, UI/UX Designer, Tech Enthusiast"></span></p>
84        </div>
85    </section><!-- End Hero -->
86
87    <main id="main">
88
89        <!-- ======= About Section ======= -->
90        <section id="about" class="about">
91            <div class="container">
92                <br />
93                <div class="row">
94                    <div class="col-lg-12 pt-4 pt-lg-0 content" data-aos="fade-left">
95                        <div class="section-title">
96                            <h2 style="font-size:38px">Full Stack Developer</h2>
97                        </div>
98                        <div class="row">
99                            <div class="col-lg-6">
100                                <ul>
101                                    <!--<li><i class="icofont-birthday-cake"></i> <strong>Birthday:</strong> 3 July 1995</li>-->
102                                    <!--<li><i class="icofont-web"></i> <strong>Website:</strong> <a target="_blank" href="https://ejdevspot.com/">www.example.com</a></li>-->
103                                    <li><i class="icofont-smart-phone"></i> <strong>Phone:</strong><a href="tel:3369322955"> (336) 932-2955</a></li>
104                                    <li><i class="icofont-building"></i> <strong>City:</strong> Greensboro, NC</li>
105                                </ul>
106                            </div>
107                            <div class="col-lg-6">
108                                <ul>
109                                    <!--<li><i class="icofont-listing-number"></i> <strong>Age:</strong> 25</li>-->
110                                    <li><i class="icofont-ui-email"></i> <strong>Email:</strong> [email protected]</li>
111                                    <li><i class="icofont-worker"></i> <strong>Freelance:</strong> Available</li>
112                                </ul>
113                            </div>
114                        </div>
115                        <p>
116                            I am a full stack developer with familiarity in a number of different languages. I have an extensive background in mobile UI troubleshooting and sales. I always strive to not only understand the what, but the why and how of any process.  With over 500 satisfied clients, I pride myself in my ability to clearly communicate with persons of any level of understanding.
117                        </p>
118                        <p>
119                            We are entering an unprecedented era of the Digital Age, with powerful devices and programs readily available to any and all. I want to be in the trenches to ensure a universal ability to easily use and navigate these new technologies.
120                        </p>
121                        <hr />
122                        <p>
123                            <b>Below is a stack of technologies and languages that I have utilized when building my own projects.</b>
124                        </p>
125                    </div>
126                </div>
127                <br />
128                <br />
129                <br />
130                <div class="row wow fadeInUp">
131                    <div class="icons owl-carousel">
132                        <!-- netmvc -->
133                        <div class="item">
134                            <div class="inner">
135                                <img src="Img/neticon.png" alt="ASP.NET MVC" style="height:100px;width:100px" />
136                            </div>
137                        </div>
138
139                        <!-- csharp -->
140                        <div class="item">
141                            <div class="inner">
142                                <img src="Img/csharpicon.png" alt="C SHARP" style="height:100px;width:100px" />
143                            </div>
144                        </div>
145
146                        <!-- postgressql -->
147                        <div class="item">
148                            <div class="inner">
149                                <img src="Img/sqlicon.png" alt="POSTGRESQL" style="height:100px;width:100px" />
150                            </div>
151                        </div>
152
153                        <!-- html5 -->
154                        <div class="item">
155                            <div class="inner">
156                                <img src="Img/html5icon.png" alt="HTML 5" style="height:100px;width:100px" />
157                            </div>
158                        </div>
159
160                        <!-- css3 -->
161                        <div class="item">
162                            <div class="inner">
163                                <img src="Img/css3icon.png" alt="CSS 3" style="height:100px;width:100px" />
164                            </div>
165                        </div>
166
167                        <!-- javascript -->
168                        <div class="item">
169                            <div class="inner">
170                                <img src="Img/jsicon.png" alt="JAVASCRIPT" style="height:100px;width:100px" />
171                            </div>
172                        </div>
173
174                        <!-- bootstrap -->
175                        <div class="item">
176                            <div class="inner">
177                                <img src="Img/bootstrapicon.png" alt="BOOTSTRAP" style="height:100px;width:100px" />
178                            </div>
179                        </div>
180
181                        <!-- jQuery -->
182                        <div class="item">
183                            <div class="inner">
184                                <img src="Img/jqueryicon.png" alt="JQUERY" style="height:100px;width:100px" />
185                            </div>
186                        </div>
187
188                        <!-- heroku -->
189                        <div class="item">
190                            <div class="inner">
191                                <img src="Img/herokuicon.png" alt="HEROKU" style="height:100px;width:100px" />
192                            </div>
193                        </div>
194                    </div>
195                </div>
196            </div>
197        </section><!-- End About Section -->
198        <!-- ======= Resume Section ======= -->
199        <section id="resume" class="resume">
200            <div class="container">
201                <div class="row">
202                    <div class="section-title pb-0">
203                        <h2>Resumė</h2>
204                    </div>
205                    <div class="row">
206                        <div class="col-lg-8" data-aos="fade-up" data-aos-delay="100">
207                            <h3 class="resume-title">Professional Experience</h3>
208                            <div class="resume-item">
209                                <h4>
209Full Stack Software Developer - .NET</h4>
210                                <h6><b>Coder Foundry</b></h6>
211                                <p><em>Kernersville, NC</em></p>
212                                <h6><b>September 2020 - December 2020</b></h6>
213                                <hr />
214                                <h6><b>Created three primary projects, including:</b></h6>
215                                <ul>
216                                    <li>A portfolio and blog site using C#, MVC, HTML5, CSS3, Bootstrap, JS & jQuery.</li>
217                                    <li>
218                                        A Financial Portal implemented in <b>two</b> phases:
219                                        <ol>
220                                            <li>
221                                                <span>An MVC Web Application.</span>
222                                            </li>
223                                            <li>
224                                                <span>An API Web Service that utilizes Swagger and Swashbuckle for integrated testing.</span>
225                                            </li>
226                                        </ol>
227                                    </li>
228                                    <li>Fully designed and developed a multi-functional issue tracker web application, implementing enhanced roles & security, including a Code-First relational database designed and modeled in PostgreSQL.</li>
229                                </ul>
230                                <p><em>Technologies used include: .Net Core v3.1, MVC6, C#, LINQ, PostgreSQL, Entity Framework, Docker, PgAdmin, Heroku and jQuery DataTables.</em></p>
231                            </div>
232                        </div>
233                    </div>
234                </div>
235                <br />
236                <br />
237
238                <!-- Button to Open the Modal -->
239                <button type="button" class="btn text-light" style="background-color:#173b6c;border-radius:15px 15px 15px 15px" data-toggle="modal" data-target="#myModal" data-aos="fade-up" data-aos-delay="120">
240                    View<span style="font-size:20px">/</span>Download Resumė
241                </button>
242
243                <!-- The Modal -->
244                <div class="modal" id="myModal" style="border-radius:45px 45px 45px 45px">
245                    <div class="modal modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
246                        <div class="modal-content">
247
248                            <!-- Modal Header -->
249                            <div class="modal-header">
250                                <h4 class="modal-title">CV/Resumė</h4>
251                                <button type="button" class="close" data-dismiss="modal">&times;</button>
252                            </div>
253
254                            <!-- Modal body -->
255                            <div class="modal-body text-center">
256                                <img style="width:90%;height:100%" src="Img/Eli Jones.png" />
257                            </div>
258                            <div class="modal-footer">
259                                <a class="btn text-light btn-sm float-right" style="background-color:#173b6c;border-radius:10px 10px 10px 10px" href="Img/Eli Jones.pdf" download>Download Resumė</a>
260                            </div>
261                        </div>
262                    </div>
263                </div>
264
265            </div>
266        </section><!-- End Resume Section -->
267        <!-- ======= Portfolio Section ======= -->
268        <section id="projects" class="portfolio section-bg">
269            <div class="container">
270
271                <div class="section-title">
272                    <h2>Projects</h2>
273                    <p>This collection of projects showcases my knowledge and application of different languages to produce practical solutions to real-world problems. Clicking an icon will show you the language and technologies used to build that project.</p>
274                </div>
275
276                <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">
277
278                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
279                        <div id="error-tracker" class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#bugTrack">
280                            <img src="Img/zapximg.png" class="project-img mx-auto" />
281                            <div class="portfolio-links">
282                                <h4 class="text-center" style="color:#fff"><b>Bug Tracker</b></h4>
283                            </div>
284                        </div>
285                    </div>
286
287                    <div class="col-lg-3 col-md-6 portfolio-item filter-web">
288                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#easy-money-modal">
289                            <img src="Img/moneypleaseimg1.png" class="project-img mx-auto" />
290                            <div class="portfolio-links">
291                                <h4 class="text-center" style="color:#000000"><b>MVC Finance Portal</b></h4>
292                            </div>
293                        </div>
294                    </div>
295
296                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
297                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#blog-modal">
298                            <img src="Img/blogImg.png" class="project-img mx-auto" />
299                            <div class="portfolio-links">
300                                <h4 class="text-center" style="color:#fff"><b>Blog</b></h4>
301                            </div>
302                        </div>
303                    </div>
304
305                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
306                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#finance-api-modal">
307                            <img src="Img/Apiimg-PixTeller.png" class="project-img mx-auto" />
308                            <div class="portfolio-links">
309                                <h4 class="text-center" style="color:#000000"><b>API Finance Portal</b></h4>
310                            </div>
311                        </div>
312                    </div>
313
314
315
316                </div>
317
318            </div>
319        </section>
320        <!-- End Finance Modal -->
321        <!--End Project Modals-->
322        <!--Challenges-->
323        <!-- Start Coding Challenges Section -->
324        <section id="challenges" class="portfolio challenges">
325            <div class="container">
326
327                <div class="section-title">
328                    <h2>Coding Challenges</h2>
329                    <p>
330                        This is a collection of coding challenges that I have been tasked with at Coder Foundry. Each performs unique functions. Click the icons to read more.
331                    </p>
332                </div>
333
334                <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="100">
335
336                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
337                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#sunset-hills-modal">
338                            <img src="Img/Sunsethillfinimg-PixTeller.png" class="project-img mx-auto" />
339                            <div class="portfolio-links">
340                                <h4 class="text-center" style="color:#000000"><b>Sunset Hills</b></h4>
341                            </div>
342                        </div>
343                    </div>
344
345                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
346                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#fizz-buzz-modal">
347                            <img src="Img/Fizzbuzzfinimg-PixTeller.png" class="project-img mx-auto" />
348                            <div class="portfolio-links">
349                                <h4 class="text-center" style="color:#fff"><b>Fizz Buzz</b></h4>
350                            </div>
351                        </div>
352                    </div>
353
354                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
355                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#tacocat-modal">
356                            <img src="Img/Tacocatfinimg-PixTeller.png" class="project-img mx-auto" />
357                            <div class="portfolio-links">
358                                <h4 class="text-center" style="color:#000000"><b>TacocaT</b></h4>
359                            </div>
360                        </div>
361                    </div>
362
363                    <div class="col-lg-3 col-md-6 portfolio-item filter-app">
364                        <div class="portfolio-wrap project-card" style="height:215px;width:265px" data-toggle="modal" data-target="#sum-of-all-fears-modal">
365                            <img src="Img/Sumofallfinimg-PixTeller.png" class="project-img mx-auto" />
366                            <div class="portfolio-links">
367                                <h4 class="text-center" style="color:#fff"><b>Sum of All Fears</b></h4>
368                            </div>
369                        </div>
370                    </div>
371                </div>
372            </div>
373        </section>
374
375        <!--Blog Section-->
376        <section id="blog" class="" data-aos="fade-up" data-aos-delay="100">
377            <div class="container">
378                <div class="section-title">
379                    <h2>Blog Posts</h2>
380                    <p>The following are a few posts from my blog that cover various coding topics, as well as my takes on them. Click on a card to view the full post.</p>
381                </div>
382                <div class="slider owl-carousel">
383                    <div class="card blog-card" style="width:360px;height:400px">
384                        <a href="https://ejblog1.herokuapp.com/Posts/Details/3" target="_blank">
385                            <div class="card-body text-center">
386                                <img src="Img/bootstrapblog.png" class="blog-img mx-auto" style="width:315px;height:140px;border-radius: 15px 15px 15px 15px" />
387                                <hr />
388                                <h5 class="card-title"><b>Brand New Boots...trap</b></h5>
389                                <p class="card-text">
390                                    Have you ever been scrolling through your Facebook time line and noticed that when you change the size of your viewing window or switch to your phone, all of the content on the page remains 
390neat and viewable?
391                                </p>
392                            </div>
393                        </a>
394                    </div>
395
396                    <div class="card blog-card" style="width:360px;height:400px">
397                        <a href="https://ejblog1.herokuapp.com/Posts/Details/2" target="_blank">
398                            <div class="card-body text-center">
399                                <img src="Img/devicesblog.jpg" class="blog-img mx-auto" style="width:315px;height:140px;border-radius: 15px 15px 15px 15px" />
400                                <hr />
401                                <h5 class="card-title"><b>Phone, Tablet, or Computer?</b></h5>
402                                <p class="card-text">
403                                    When you think of coding, or envision someone writing lines of code, where are they? I would bet that you answered with something along the lines of “sitting in front of a computer, with multiple monitors, typing away.”
404                                </p>
405                            </div>
406                        </a>
407                    </div>
408
409                    <div class="card blog-card" style="width:360px;height:400px">
410                        <a href="https://ejblog1.herokuapp.com/Posts/Details/1" target="_blank">
411                            <div class="card-body text-center">
412                                <img src="Img/fizzbuzzblog.png" class="blog-img mx-auto" style="width:315px;height:140px;border-radius: 15px 15px 15px 15px" />
413                                <hr />
414                                <h5 class="card-title"><b>Fizz? Buzz? Both?</b></h5>
415                                <p class="card-text">
416                                    In the software development industry, the FizzBuzz challenge is a classic that is often presented to entry-level coders to test their logic and problem-solving ability. In its most simple form, the FizzBuzz solution is written...
417                                </p>
418                            </div>
419                        </a>
420                    </div>
421
422                    <div class="card blog-card" style="width:360px;height:400px">
423                        <a href="https://ejblog1.herokuapp.com/Posts/Details/5" target="_blank">
424                            <div class="card-body text-center">
425                                <img src="Img/inputblog.png" class="blog-img mx-auto" style="width:315px;height:140px;border-radius: 15px 15px 15px 15px" />
426                                <hr />
427                                <h5 class="card-title"><b>User Input Types</b></h5>
428                                <p class="card-text">
429                                    If you have ever been on the internet, then chances are you have been presented with some type of user input. Whether it is a text box, check box, or any of the in between, that element of the page is looking for an input from the user.
430                                </p>
431                            </div>
432                        </a>
433                    </div>
434
435                    <div class="card blog-card" style="width:360px;height:400px">
436                        <a href="https://ejblog1.herokuapp.com/Posts/Details/10" target="_blank">
437                            <div class="card-body text-center">
438                                <img src="Img/takeadayblog.png" class="blog-img mx-auto" style="width:315px;height:140px;border-radius: 15px 15px 15px 15px" />
439                                <hr />
440                                <h5 class="card-title"><b>A Day Off</b></h5>
441                                <p class="card-text">
442                                    Have you ever felt tired the days following a long coding binge, even though your body had gotten little exercise during that time? Maybe your mood felt a little off as well. Why is this? Exercise delivers oxygen and nutrients...
443                                </p>
444                            </div>
445                        </a>
446                    </div>
447                </div>
448            </div>
449        </section>
450
451        <!-- ======= Contact Section ======= -->
452        <section id="contact" class="contact">
453            <div class="container">
454
455                <div class="section-title">
456                    <h2>Contact</h2>
457                    <p>I am a North Carolina native, having lived in the Greensboro/Winston-Salem area for 20+ years. I would love to further discuss my experience and skills with you. Please feel free to contact me by email or phone.</p>
458                </div>
459
460                <div class="row" data-aos="fade-in">
461                    <div class="col-lg-5 d-flex align-items-stretch">
462                        <div class="info" style="border-radius:25px 25px 25px 25px">
463                            <div class="address">
464                                <i class="icofont-google-map"></i>
465                                <h4>Location:</h4>
466                                <p>1231 Shields Rd #5, Kernersville, NC 27284</p>
467                            </div>
468
469                            <div class="email">
470                                <i class="icofont-envelope"></i>
471                                <h4>Email:</h4>
472                                <p>[email protected]</p>
473                            </div>
474
475                            <div class="phone">
476                                <i class="icofont-phone"></i>
477                                <h4>Call:</h4>
478                                <p><a href="tel:3369322955">(336) 932-2955</a></p>
479                            </div>
480                            <div class="text-center">
481                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d22312.6651787994!2d-80.0719522!3d36.09664140000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x64583b7d90957128!2sCoder%20Foundry!5e1!3m2!1sen!2sus!4v1601655693884!5m2!1sen!2sus" height="290" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
482                            </div>
483                        </div>
484
485                    </div>
486
487                    <div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch">
488                        <form class="php-email-form" style="border-radius:25px 25px 25px 25px">
489                            <div class="form-row">
490                                <div class="form-group col-md-6">
491                                    <label for="name">Your Name</label>
492                                    <input id="name" type="text" name="name" class="form-control" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
493                                    <div class="validate"></div>
494                                </div>
495                                <div class="form-group col-md-6">
496                                    <label for="name">Your Email</label>
497                                    <input id="email" type="email" class="form-control" name="email" data-rule="email" data-msg="Please enter a valid email" />
498                                    <div class="validate"></div>
499                                </div>
500                            </div>
501                            <div class="form-group">
502                                <label for="name">Subject</label>
503                                <input id="subject" type="text" class="form-control" name="subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
504                                <div class="validate"></div>
505                            </div>
506                            <div class="text-center">
507                                <label for="name">Message</label>
508                                <textarea id="message" class="form-control" name="message" rows="10" data-rule="required" data-msg="Please write something for us"></textarea>
509                                <div class="validate"></div>
510                            </div>
511                            <div class="form-group" id="recap">
512                                <div>
vendor: 64 bytes, line 512
512<script src='https://www.google.com/recaptcha/api.js'></script>
513<div class='g-recaptcha' data-sitekey='6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y'></div>
514<noscript>
515  <div>
516  <div style="width: 302px; height: 422px; position: relative;">
517  <div style="width: 302px; height: 422px; position: absolute;">
518  <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdnkKEqAAAAAPvyqoRAmjXxvE6evlb5z-5Ol90Y" frameborder="0" scrolling="no"
519    style="width: 302px; height:422px; border-style: none;">
520  </iframe>
521  </div>
522  </div>
523  <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
524    <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
525      style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" >
526    </textarea>
527  </div>
528  </div>
529</noscript>
530</div>
531                                <div class="validate"></div>
532                            </div>
533                            <!--<div class="mb-3">
534                                <div class="loading">Loading</div>
535                            </div>-->
536                            <div class="text-center">
537                                <button id="form-submit" style="background-color:#173b6c;border-radius:15px 15px 15px 15px" type="submit">Send Message</button>
538                                <div class="validate"></div>
539                            </div>
540                        </form>
541
542                    </div>
543
544                </div>
545
546            </div>
547        </section><!-- End Contact Section -->
548
549        <div class="social-links mt-3 text-center" id="bottom-social">
550            <a target="_blank" href="https://github.com/joneseli7395" class="github"><i class="bx bxl-github" id="git"></i></a>
551            <a target="_blank" href="https://twitter.com/joneseli7395" class="twitter"><i class="bx bxl-twitter" id="twit"></i></a>
552            <a target="_blank" href="https://www.linkedin.com/in/eli-jones-8896a519b/" class="linkedin"><i class="bx bxl-linkedin" id="linkd"></i></a>
553        </div>
554
555    </main><!-- End #main -->
556    <!-- ======= Footer ======= -->
557    <footer id="footer">
558        <div class="container">
559            <div class="credits">
560                <!-- All the links in the footer should remain intact. -->
561                <!-- You can delete the links only if you purchased the pro version. -->
562                <!-- Licensing information: https://bootstrapmade.com/license/ -->
563                <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/ -->
564                Designed by <a href="https://bootstrapmade.com/" target="_blank">BootstrapMade</a><br />
565                Modified by <a href='/' target='_blank'>Eli Jones</a>
566            </div>
567        </div>
568    </footer><!-- End  Footer -->
569
570
571    <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
572
573    <!-- Vendor JS Files -->
574    
574<script src="Scripts/jquery.min.js"></script>
574
575    
575<script src="Scripts/bootstrap.bundle.min.js"></script>
575
576    
576<script src="Scripts/jquery.easing.min.js"></script>
576
577    
577<script src="Scripts/jquery.waypoints.min.js"></script>
577
578    
578<script src="Scripts/counterup.min.js"></script>
578
579    
579<script src="Scripts/isotope.pkgd.min.js"></script>
579
580    
580<script src="Scripts/venobox.min.js"></script>
580
581    
581<script src="Scripts/owl.carousel.min.js"></script>
581
582    
582<script src="Scripts/typed.min.js"></script>
582
583    
583<script src="Scripts/aos.js"></script>
583
584    
584<script src="Scripts/validate.js"></script>
584
585    
585<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
585
586
587    <!-- Template Main JS File -->
588    
588<script src="Scripts/main.js"></script>
588
589
590    <!--EmailJS Tags-->
591
592    
592<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
592
593
594    
594<script type="text/javascript"
595            src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js">
596    </script>
596
597    
597<script type="text/javascript">
598        emailjs.init('user_ajuUnKWeBLumXDMuiYhbp')
599    </script>
599
600
601    
601<script>
602        const btn = document.getElementById('form-submit');
603
604        document.querySelector('form')
605            .addEventListener('submit', function (event) {
606                event.preventDefault();
607                //let name = document.getElementById("name").value;
608                //let subject = document.getElementById("subject").value;
609                //let message = document.getElementById("message").value;
610                //let email = document.getElementById("email").value;
611                //if (name.length < 4 || email.includes("@", ".") || subject.length < 4 || message === "") {
612                //    return;
613                //} else {
614
615                btn.value = 'Sending...';
616
617                const serviceID = 'default_service';
618                const templateID = 'template_axlh1qi';
619
620                emailjs.sendForm(serviceID, templateID, this)
621                    .then(() => {
622                        btn.value = 'Send Email';
623                        Swal.fire(
624                            'Good News!',
625                            'Your message was sent!',
626                            'success'
627                        );
628                    }, (err) => {
629                        btn.value = 'Send Email';
630                        Swal.fire(
631                            'Oh no!',
632                            'An error occured!',
633                            'error'
634                        );
635                    });
636            });
637    </script>
637
638
639    
639<script>
640        $(".slider").owlCarousel({
641            // move navContainer outside the primary owl wrapper
642            navContainer: '#customNav',
643            // move dotsContainer outside the primary owl wrapper
644            //dotsContainer: '#customDots',
645            //dots: true,
646            //dotsEach: true,
647            loop: true,
648            autoplay: true,
649            autoplayTimeout: 3000,
650            autoplayHoverPause: true,
651            items: 3,
652            margin: 10,
653            nav: true,
654        });
655        $(".icons").owlCarousel({
656            loop: true,
657            autoplay: true,
658            autoplayTimeout: 1500,
659            autoplayHoverPause: true,
660            items: 7,
661            margin: 10
662        });
663    </script>
663
664
665
666
667    <!--Project Modals-->
668    <!-- Start Bug Tracker Modal -->
669    <div class="modal" id="bugTrack">
670        <div class="modal-dialog modal-xl modal-dialog-centered">
671            <div class="modal-content">
672
673                <!-- Modal Header -->
674                <div class="modal-header text-center">
675                    <h4 class="modal-title">Bug Tracker</h4>
676                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
677                </div>
678
679                <div class="modal-body">
680                    <div class="container-fluid">
681                        <div class="row project-modal">
682                            <div class="col-sm-3">
683                                <img src="Img/zapximg.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
684                            </div>
685                            <div class="col">
686                                <div class="row project-description">
687                                    <p>
688                                        This site will track the development process from planning, through development, and on to the finished product.
689                                    </p>
690                                </div>
691                                <div class="row project-technologies">
692                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS, C#, SQL, .NET</pre>
693                                </div>
694                                <div class="row project-links">
695                                    <div class="col text-right">
696                                        <a class="btn btn-dark" href="https://zapx-issuetracking.herokuapp.com/" target="_blank">Open App</a>
697                                    </div>
698                                </div>
699                            </div>
700                        </div>
701                    </div>
702                </div>
703            </div>
704        </div>
705    </div>
706    <!-- End Bug Tracker Modal -->
707    <!-- Start Finance Portal Modal -->
708    <div class="modal" id="easy-money-modal">
709        <div class="modal-dialog modal-xl modal-dialog-centered">
710            <div class="modal-content">
711
712                <!-- Modal Header -->
713                <div class="modal-header text-center">
714                    <h4 class="modal-title">MVC Financial Portal</h4>
715                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
716                </div>
717
718                <div class="modal-body">
719                    <div class="container-fluid">
720                        <div class="row project-modal">
721                            <div class="col-sm-3">
722                                <img src="Img/moneypleaseimg1.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
723                            </div>
724                            <div class="col">
725                                <div class="row project-description">
726                                    <p>
727                                        This is a useful tool to track your finances, create a budget, and grow your wealth. Designed with businesses in mind.
728                                    </p>
729                                </div>
730                                <div class="row project-technologies">
731                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS, C#, SQL, .NET</pre>
732                                </div>
733                                <div class="row project-links">
734                                    <div class="col text-right">
735                                        <a class="btn btn-dark" href="https://moneyplease.herokuapp.com/" target="_blank">Open App</a>
736                                    </div>
737                                </div>
738                            </div>
739                        </div>
740                    </div>
741                </div>
742            </div>
743        </div>
744    </div>
745    <!-- End Finance Portal Modal -->
746    <!-- Start Blog Modal -->
747    <div class="modal" id="blog-modal">
748        <div class="modal-dialog modal-xl modal-dialog-centered">
749            <div class="modal-content">
750
751                <!-- Modal Header -->
752                <div class="modal-header text-center">
753                    <h4 class="modal-title">Blog</h4>
754                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
755                </div>
756
757                <div class="modal-body">
758                    <div class="container-fluid">
759                        <div class="row project-modal">
760                            <div class="col-sm-3">
761                                <img src="Img/blogImg.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
762                            </div>
763                            <div class="col">
764                                <div class="row project-description">
765                                    <p>
766                                        A blog site that I created and a place for my own posts to be displayed.
767                                    </p>
768                                </div>
769                                <div class="row project-technologies">
770                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS, C#, SQL, .NET</pre>
771                                </div>
772                                <div class="row project-links">
773                                    <div class="col text-right">
774                                        <a class="btn btn-dark" href="https://ejblog1.herokuapp.com/" target="_blank">Visit Blog</a>
775                                    </div>
776                                </div>
777                            </div>
778                        </div>
779                    </div>
780                </div>
781            </div>
782        </div>
783    </div>
784    <!-- End Blog Modal -->
785    <!-- Start Finance Modal -->
786    <div class="modal" id="finance-api-modal">
787        <div class="modal-dialog modal-xl modal-dialog-centered">
788            <div class="modal-content">
789
790                <!-- Modal Header -->
791                <div class="modal-header text-center">
792                    <h4 class="modal-title">API Financial Portal</h4>
793                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
794                </div>
795
796                <div class="modal-body">
797                    <div class="container-fluid">
798                        <div class="row project-modal">
799                            <div class="col-sm-3">
800                                <img src="Img/Apiimg-PixTeller.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
801                            </div>
802                            <div class="col">
803                                <div class="row project-description">
804                                    <p>
805                                        This is a financial end-point API which can be called from another website.
806                                    </p>
807                                </div>
808                                <div class="row project-technologies">
809                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS, C#, SQL, .NET</pre>
810                                </div>
811                                <div class="row project-links">
812                                    <div class="col text-right">
813                                        <a class="btn btn-dark" href="https://moneyplease-api.herokuapp.com/" target="_blank">Open App</a>
814                                    </div>
815                                </div>
816                            </div>
817                        </div>
818                    </div>
819                </div>
820            </div>
821        </div>
822    </div>
823
824    <!--Challenges Modals-->
825    <!-- Start FizzBuzz -->
826    <div class="modal" id="fizz-buzz-modal">
827        <div class="modal-dialog modal-xl modal-dialog-centered">
828            <div class="modal-content">
829
830                <!-- Modal Header -->
831                <div class="modal-header text-center">
832                    <h4 class="modal-title">Fizz Buzz</h4>
833                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
834                </div>
835
836                <div class="modal-body">
837                    <div class="container-fluid">
838                        <div class="row project-modal">
839                            <div class="col-sm-3">
840                                <img src="Img/Fizzbuzzfinimg-PixTeller.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
841                            </div>
842                            <div class="col">
843                                <div class="row project-description">
844                                    <p>
845                                        This is a stand-alone website, and an industry standard, to test a program's ability to take input values, loop through a range of numbers (using a for loop), and determine the multiples of the user-prov
845ided values.
846                                    </p>
847                                </div>
848                                <div class="row project-technologies">
849                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS</pre>
850                                </div>
851                                <div class="row project-links">
852                                    <div class="col text-right">
853                                        <a target="_blank" class="btn btn-dark" href="https://fizzbuzzing.netlify.app/">Go to Site</a>
854                                    </div>
855                                </div>
856                            </div>
857                        </div>
858                    </div>
859                </div>
860            </div>
861        </div>
862    </div>
863    <!-- End FizzBuzz -->
864    <!-- Start Sunset Hills Modal -->
865    <div class="modal" id="sunset-hills-modal">
866        <div class="modal-dialog modal-xl modal-dialog-centered">
867            <div class="modal-content">
868
869                <!-- Modal Header -->
870                <div class="modal-header text-center">
871                    <h4 class="modal-title">Sunset Hills</h4>
872                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
873                </div>
874
875                <div class="modal-body">
876                    <div class="container-fluid">
877                        <div class="row project-modal">
878                            <div class="col-sm-3">
879                                <img src="Img/Sunsethillfinimg-PixTeller.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
880                            </div>
881                            <div class="col">
882                                <div class="row project-description">
883                                    <p>
884                                        This is a stand-alone website to determine which buildings will be able to see the sunset, based on their height. This is done so by a program written to take an array of data, and have each stored value compare itself against those to the left of it.
885                                    </p>
886                                </div>
887                                <div class="row project-technologies">
888                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS</pre>
889                                </div>
890                                <div class="row project-links">
891                                    <div class="col text-right">
892                                        <a target="_blank" class="btn btn-dark" href="https://sunsetheels.netlify.app/">Go to Site</a>
893                                    </div>
894                                </div>
895                            </div>
896                        </div>
897                    </div>
898                </div>
899            </div>
900        </div>
901    </div>
902    <!-- End Sunset Hills Modal -->
903    <!-- Start TacocaT Modal -->
904    <div class="modal" id="tacocat-modal">
905        <div class="modal-dialog modal-xl modal-dialog-centered">
906            <div class="modal-content">
907
908                <!-- Modal Header -->
909                <div class="modal-header text-center">
910                    <h4 class="modal-title">TacocaT</h4>
911                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
912                </div>
913
914                <div class="modal-body">
915                    <div class="container-fluid">
916                        <div class="row project-modal">
917                            <div class="col-sm-3">
918                                <img src="Img/Tacocatfinimg-PixTeller.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
919                            </div>
920                            <div class="col">
921                                <div class="row project-description">
922                                    <p>
923                                        This is a stand-alone website to show case not only my write a program with the ability to identify palindromes, but to also write a program that can take input, manipulate it, and output a mirror of it.
924                                    </p>
925                                </div>
926                                <div class="row project-technologies">
927                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS</pre>
928                                </div>
929                                <div class="row project-links">
930                                    <div class="col text-right">
931                                        <a target="_blank" class="btn btn-dark" href="https://tacocat-chlnge.netlify.app/">Go to Site</a>
932                                    </div>
933                                </div>
934                            </div>
935                        </div>
936                    </div>
937                </div>
938            </div>
939        </div>
940    </div>
941    <!-- End TacocaT Modal -->
942    <!-- Start Sum Modal -->
943    <div class="modal" id="sum-of-all-fears-modal">
944        <div class="modal-dialog modal-xl modal-dialog-centered modal
944-dialog-scrollable">
945            <div class="modal-content">
946
947                <!-- Modal Header -->
948                <div class="modal-header text-center">
949                    <h4 class="modal-title">Sum of All Fears</h4>
950                    <button type="button" class="btn btn-danger" data-dismiss="modal">&times;</button>
951                </div>
952
953                <div class="modal-body">
954                    <div class="container-fluid">
955                        <div class="row project-modal">
956                            <div class="col-sm-3">
957                                <img src="Img/Sumofallfinimg-PixTeller.png" class="project-img mx-auto" style="height:180px;width:225px;border-radius: 25px 25px 25px 25px" />
958                            </div>
959                            <div class="col">
960                                <div class="row project-description">
961                                    <p>
962                                        This is a stand-alone website to show case a program written to collect an array and determine if any combination of data within will produce the desired sum.
963                                    </p>
964                                </div>
965                                <div class="row project-technologies">
966                                    <b>Technologies Used:</b><pre> HTML5, CSS, JS</pre>
967                                </div>
968                                <div class="row project-links">
969                                    <div class="col text-right">
970                                        <a target="_blank" class="btn btn-dark" href="https://sumfears.netlify.app/">Go to Site</a>
971                                    </div>
972                                </div>
973                            </div>
974                        </div>
975                    </div>
976                </div>
977            </div>
978        </div>
979    </div>
980    <!-- End Sum Modal -->
981</body>
982
983</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.