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">×</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">×</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">×</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">×</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">×</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">×</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">×</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">×</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">×</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.