1<!-- 2 TODO: Include Featherlight LightBox for my designs 3 https://noelboss.github.io/featherlight/ 4--> 5<!DOCTYPE html> 6<html> 7 8<head> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 <title>Abdul Diaz - My Portfolio</title> 12 <meta name="description" content=""> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <meta name="robots" content="all,follow"> 15 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 16 <link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet"> 17 <!-- theme stylesheet--> 18 <link rel="stylesheet" href="css/style.violet.css"> 19 <link rel="stylesheet" href="css/custom.css"> 20 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css"> 21 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 22 <!-- Favicon--> 23 <link rel="shortcut icon" href="https://d1ujqdpfgkvqfi.cloudfront.net/favicon-generator/htdocs/favicons/2015-01-31/8368d4dad9decbc45f22cc4a45bd6802.ico"> 24</head> 25 26<body> 27 <section class="text-intro no-padding-bottom"> 28 <div class="container"> 29 <div class="row"> 30 <div class="col-md-12 col-lg-10"> 31 <h1>Hi. 32 <br />I'm Abdul Diaz, a 33 <span class="text-primary">Software Engineer</span> from New York City.</h1> 34 </div> 35 </div> 36 </div> 37 </section> 38 <section id="work-experience"> 39 <div class="container"> 40 <div class="row"> 41 <div class="col-md-12"> 42 <h2 class="heading">My work experience</h2> 43 </div> 44 </div> 45 </div> 46 <div class="container"> 47 <!-- FCB Health --> 48 <div class="row"> 49 <div class="col-md-6"> 50 <img src="https://mma.prnewswire.com/media/1042409/FCB_Health_Network_Logo.jpg?p=facebook" class="img-responsive"> 51 </div> 52 <div class="col-md-6"> 53 <h4>FCB Health</h4> 54 <p class="lead">Built HTML5 banner ads, e-mails, websites, and panels for some of the largest health companies today.</p> 55 </div> 56 </div> 57 <br /> 58 <br /> 59 <!-- Waffle & Bubble --> 60 <div class="row"> 61 <div class="col-md-6"> 62 <img src="img/waffle.png" class="img-responsive"> 63 </div> 64 <div class="col-md-6"> 65 <h4>Waffle & Bubble</h4> 66 <p class="lead">Created an online ordering site for a 4.5 Yelp-rated store based in New Jersey.</p> 67 <!-- <a class="btn btn-primary btn-block" href="https://standardandgrindny.com/home" target="_blank">Visit Site</a> --> 68 </div> 69 </div> 70 </div> 71 </section> 72 <!-- portfolio--> 73 <section id="portfolio" class="no-padding-bottom"> 74 <div class="container"> 75 <div class="row"> 76 <div class="col-md-12"> 77 <h2 class="heading">My designs</h2> 78 <p class="lead margin-bottom--big">Click the images to learn more about the stories behind them.</p> 79 </div> 80 </div> 81 </div> 82 <div id="designs" class="container"> 83 <div class="row"> 84 </div> 85 </div> 86 </section> 87 <section> 88 <div class="container"> 89 <div class="row"> 90 <div class="col-md-12"> 91 <h2 class="heading">My recent programming projects</h2> 92 </div> 93 </div> 94 </div> 95 <div class="container"> 96 <div class="row"> 97 <div class="col-md-12"> 98 <div class="project"> 99 <h4>Rumbbble 100 </h4> 101 <p>My most recent project. Rumbbble is a network for developers to showcase their work, receive feedback, and find inspiration. Users can browse posts, like, comment, create posts and upload an attached cover photo. This project has achieved top post of the day on Redditâs ReactJS subreddit with more than half a 1000 upvotes, and gained more 102than 80 stars and 10+ forks on GitHub.</p> 103 <a href="https://rb.gy/xqzftq" target="_blank" class="btn btn-primary btn-block">View Demo</a> 104 <a href="https://rb.gy/wqyrls" target="_blank" class="btn btn-primary btn-block">View Code</a> 105 </div> 106 <div class="project"> 107 <h4> 108 Sterling Shopping 109 </h4> 110 <p>Sterling Shopping is a web-based e-commerce application where users can browse the inventory and shop for clothing. Users can browse through the inventory, add items to the cart, sign up and log in, checkout, make payments, and install the app to their devices straight from the browser, leveraging the PWA standards. Built to be performant from the ground up, making use of advanced patterns like memoization, caching parts of the state, and React Suspense</p> 111 <a href="https://sterling-shopping.herokuapp.com" class="btn btn-primary btn-block">View Live</a> 112 <a href="http://github.com/diazabdulm/sterling-shopping" class="btn btn-primary btn-block">View Code</a> 113 </div> 114 </div> 115 </div> 116 </div> 117 </section> 118 <section id="about"> 119 <div class="container"> 120 <div class="row"> 121 <div class="col-sm-12"> 122 <h2 class="heading">About me</h2> 123 </div> 124 <div class="col-sm-12"> 125 <div class="row"> 126 <div class="col-sm-6 text-left"> 127 <p>I'm Abdul, a professional Front-End Developer with years of experience. I've been programming since the age of 13 and have built tools in use by some of the largest companies today. If you need a project, app, or tool to be built for your company or team don't hesitate to shoot me an e-mail.</p> 128 <p> 129 <img src="https://media-exp1.licdn.com/dms/image/C4D03AQEvoadsAi-LDA/profile-displayphoto-shrink_800_800/0/1574009406830?e=1621468800&v=beta&t=n8GvIc2EqJHIhT8H4HwtGx0GvnDgHIGdm5wDrT7CA4U" alt="This is me" class="image img-circle img-responsive" style="max-width: 200px;"> 130 </p> 131 </div> 132 <div class="col-sm-6"> 133 <p>I'm primarily skilled in JavaScript and React, but occasionally work in Node.JS, Express, and more.</p> 134 <div class="skill-item"> 135 <div class="progress-title">HTML </div> 136 <div class="progress"> 137 <div role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;" class="progress-bar progress-bar-skill1">
138 <span class="sr-only">95</span> 139 </div> 140 </div> 141 </div> 142 <div class="skill-item"> 143 <div class="progress-title">CSS / SASS</div> 144 <div class="progress"> 145 <div role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;" class="progress-bar progress-bar-skill2"> 146 <span class="sr-only">85</span> 147 </div> 148 </div> 149 </div> 150 <div class="skill-item"> 151 <div class="progress-title">Javascript / React.JS / Redux / NodeJS </div> 152 <div class="progress"> 153 <div role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;" class="progress-bar progress-bar-skill3"> 154 <span class="sr-only">90</span> 155 </div> 156 </div> 157 </div> 158 </div> 159 </div> 160 </div> 161 </div> 162 </div> 163 </section> 164 <section id="contact"> 165 <div class="container clearfix"> 166 <div class="row"> 167 <div class="col-md-12"> 168 <h2 class="heading">Contact</h2> 169 <div class="row"> 170 <div class="col-sm-12"> 171 <p>You can contact me by emailing me at <a href="mailto:[email protected]">[email protected]</a></p> 172 <p>You can visit my Github <a href="https://github.com/diazabdulm">here</a> (@diazabdulm).</p> 173 </div> 174 </div> 175 </div> 176 </div> 177 </div> 178 </section> 179 <!-- 180 181 Thanks to Bootstrapious (https://bootstrapious.com) for this amazing template 182 183 --> 184 <!-- Javascript files--> 185
185<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
185 186
186<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous" defer></script>
186 187
187<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous" defer></script>
187 188 <!-- Deferred --> 189
189<script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js" defer></script>
189 190
190<script src="js/front.js" defer></script>
190 191</body> 192 193</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.