Portfolio template for developers. Made using HTML, CSS, Javascript, Bootstrap, and jQuery.
Last active
July 23, 2022 20:33
-
-
Save caputomarcos/c78a1c8e969ab0fec8e8d60d21ba8559 to your computer and use it in GitHub Desktop.
Simple Portfolio Website Design using HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [{"id":"06bd81a10c8ce236","type":"http in","z":"f6f2187d.f17ca8","name":"","url":"/","method":"get","upload":false,"swaggerDoc":"","x":270,"y":800,"wires":[["7ad66a28d5929801"]]},{"id":"7ad66a28d5929801","type":"template","z":"f6f2187d.f17ca8","name":"JavaScript","field":"payload.script","fieldType":"msg","format":"javascript","syntax":"mustache","template":"$(document).ready(function () {\n $('.carousel').carousel();\n $(\".button-collapse\").sideNav();\n $('.scrollspy').scrollSpy();\n $('.parallax').parallax();\n});\n\n$.extend($.lazyLoadXT, {\n edgeY: 150,\n srcAttr: 'data-src'\n});","output":"str","x":450,"y":800,"wires":[["26374bccecdfd8cc"]]},{"id":"26374bccecdfd8cc","type":"template","z":"f6f2187d.f17ca8","name":"CSS","field":"payload.css","fieldType":"msg","format":"css","syntax":"mustache","template":" body {\n background-color: #fafafa;\n }\n\n .thin {\n font-weight: 300;\n }\n\n .cover-overlay {\n background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));\n }\n\n .title {\n font-size: 4.5rem;\n line-height: 1.8rem;\n margin: 0;\n }\n\n .cover-text {\n position: absolute;\n top: 25%;\n }\n\n .cover-quote {\n margin-top: 100px;\n margin-bottom: 10px;\n font-size: 1.6rem;\n font-weight: 300;\n font-style: italic;\n line-height: 1.8rem;\n }\n\n .cover-quote-author {\n margin-top: 0;\n font-size: 1.5rem;\n padding-right: 60px;\n }\n\n .lr-border {\n border-left: 2px solid #ffd815;\n }\n\n .rg-border {\n border-right: 2px solid green;\n }\n\n .lb-border {\n border-left: 2px solid #00368C;\n }\n\n .testimonial-text {\n font-size: 1.4rem;\n }\n\n .author {\n font-size: 1.1rem;\n font-weight: 300;\n margin: 0 20px 0 20px;\n }\n\n .social a {\n color: black;\n transition: all 0.7s ease 0s;\n }\n\n .linkedin:hover {\n color: #006db3;\n }\n\n .github:hover {\n color: #6e5494;\n }\n\n .email:hover {\n color: #ffd815;\n }\n\n .resume:hover {\n color: #778899;\n }\n\n .table-of-contents {\n margin-top: 10vh;\n margin-left: -20px;\n position: fixed;\n top: 0;\n }\n\n .table-of-contents li {\n margin-bottom: 5px;\n }\n\n .table-of-contents a.active {\n font-weight: 500;\n padding-left: 18px;\n border-left: 2px solid #f7d349;\n }\n\n .table-of-contents a:hover {\n color: #a8a8a8;\n padding-left: 19px;\n border-left: 1px solid #00368C;\n }\n\n .flow-text {\n justify-content: space-between;\n\n }\n\n @media (max-width: 800px) {\n .card-resizeimg {\n height: 200px;\n width: auto;\n }\n\n .card-content {\n min-height: 250px;\n }\n }\n\n @media (min-width: 801px) {\n .card-resizeimg {\n width: auto;\n height: 250px;\n }\n }\n\n\n\n .blue {\n background-color: #00368C !important;\n }","output":"str","x":630,"y":800,"wires":[["99453e9d377e00df"]]},{"id":"99453e9d377e00df","type":"template","z":"f6f2187d.f17ca8","name":"HTML","field":"payload","fieldType":"msg","format":"html","syntax":"mustache","template":"<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <link rel=\"apple-touch-icon\" type=\"image/png\" href=\"/statics/favicon.png\" />\n <meta name=\"apple-mobile-web-app-title\" content=\"CodePen\">\n <link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/statics/favicon.ico\" />\n <link rel=\"mask-icon\" type=\"image/x-icon\" href=\"/statics/favicon.ico\" color=\"#111\" />\n <title>Marcos Caputo</title>\n <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>\n <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css'>\n\n <style type=\"text/css\">\n {{{payload.css}}}\n </style>\n\n <script>\n window.console = window.console || function(t) {};\n </script>\n\n <script>\n if (document.location.search.match(/type=embed/gi)) {\n window.parent.postMessage(\"resize\", \"*\");\n }\n </script>\n\n\n</head>\n\n<body translate=\"no\">\n <!-- Portfolio website -->\n\n <head>\n <!--Google Icon Font-->\n <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\n\n <!--website is optimized for mobile-->\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n </head>\n\n <!--mobile navbar-->\n <div class=\"navbar-fixed hide-on-med-and-up\">\n <nav class=\"hide-on-med-and-up grey z-depth-3 darken-1\">\n <div class=\"nav-wrapper\">\n <a href=\"#home\" class=\"brand-logo\">🇧🇷 CAPUTO 🇮🇹</a>\n <a href=\"#\" data-activates=\"mobile-menu\" class=\"button-collapse\"><i class=\"material-icons\">menu</i></a>\n </div>\n </nav>\n </div>\n\n <ul class=\"side-nav\" id=\"mobile-menu\">\n <li><a href=\"#home\">Home</a></li>\n <li><a href=\"#skills\">Skills</a></li>\n <li><a href=\"#projects\">Projects</a></li>\n <li><a href=\"#experience\">Experience</a></li>\n <li><a href=\"#testimonials\">Testimonials</a></li>\n <li><a href=\"#about-me\">About me</a></li>\n <li><a target=\"_blank\" class=\"linkedin\"\n href=\"https://www.linkedin.com/in/caputomarcos/\"><i class=\"fa fa-linkedin fa-3x\"></i></a></li>\n <li><a target=\"_blank\" class=\"github\"\n href=\"https://github.com/caputomarcos\"><i class=\"fa fa-github fa-3x\"></i></a></li>\n <li><a target=\"_blank\" class=\"email\"\n href=\"mailto:[email protected]\"><i class=\"fa fa-envelope fa-3x\"></i></a>\n </li>\n </ul>\n\n <!--Landing page-->\n <div id=\"home\" class=\"scrollspy\">\n <div class=\"parallax-container cover-overlay\" style=\"height: 100vh;\">\n <div class=\"row\">\n <div class=\"col l8 offset-l1 m10 s12 center white-text cover-text\">\n <p class=\"thin title\">MARCOS</p>\n <p class=\"thin title\"><br><b>CAPUTO</b></p></br>🇧🇷 🇮🇹\n <p class=\"subtitle\">Programmer • Life Explorer</p>\n <p class=\"cover-quote\">\n I have no special talents. I am only <span class=\"blue\">passionately curious.</span>\n </p>\n <span class=\"cover-quote-author right\">\n Albert Einstein </span>\n </div>\n </div>\n <div class=\"parallax\">\n <img src=\"/statics/itacoa.png\">\n </div>\n </div>\n </div>\n\n <!--website layout main 'row'-->\n <div class=\"row\">\n <!--right sided column nav menu on med+ screens-->\n <div class=\"col hide-on-small-only m2 offset-m10\">\n <ul class=\"section table-of-contents\">\n <li><a href=\"#home\">Home</a></li>\n <li><a href=\"#skills\">Skills</a></li>\n <li><a href=\"#projects\">Projects</a></li>\n <li><a href=\"#experience\">Experience</a></li>\n <li><a href=\"#testimonials\">Testimonials</a></li>\n <li><a href=\"#about-me\">About me</a></li>\n <li><a target=\"_blank\" class=\"linkedin\"\n href=\"https://www.linkedin.com/in/caputomarcos/\"><i class=\"fa fa-linkedin fa-3x\"></i></a></li>\n <li><a target=\"_blank\" class=\"github\"\n href=\"https://github.com/caputomarcos\"><i class=\"fa fa-github fa-3x\"></i></a></li>\n <li><a target=\"_blank\" class=\"email\"\n href=\"mailto:[email protected]\"><i class=\"fa fa-envelope fa-3x\"></i></a>\n </li>\n </ul>\n </div>\n\n <!--website content column-->\n <div class=\"col s12 m10 l10 center\">\n <div class=\"container\">\n\n <div class=\"section\">\n <div class=\"new-section\">\n <div id=\"skills\" class=\"row scrollspy\">\n <h2 class=\"col m10 offset-m1 s12 center thin blue white-text z-depth-3\"> SKILLS </h2>\n </div>\n\n <p class=\"flow-text\">\n I am passionate about learning & sharing, but more importantly, I am an empathetic person\n who strives for self-improvement and helping others. I pride myself on surpassing\n expectations, not only by my work, but through my contributions to the team. <br><br> Here are some of the things I have knowledge on:\n </p>\n <h5> Languages </h5>\n <div class=\"chip\">Python</div>\n <div class=\"chip\">Java</div>\n <div class=\"chip\">Rust</div>\n <div class=\"chip\">JavaScript</div>\n <div class=\"chip\">HTML & CSS</div>\n <div class=\"chip\">Fluent in Portuguese</div>\n\n <h5> Tech Concepts </h5>\n <div class=\"chip\">Algorithms</div>\n <div class=\"chip\">Data Structures</div>\n <div class=\"chip\">Web Development</div>\n <div class=\"chip\">Artificial Intelligence</div>\n <div class=\"chip\">Databases</div>\n <div class=\"chip\">Problem Solving</div>\n <div class=\"chip\">Raspberry Pi</div>\n <div class=\"chip\">Version Control</div>\n <div class=\"chip\">Testing</div>\n <div class=\"chip\">Agile Environment</div>\n\n <h5> Other </h5>\n <div class=\"chip\">Node.js</div>\n <div class=\"chip\">WebAssembly</div>\n <div class=\"chip\">Node-RED</div>\n </div>\n </div>\n\n <div class=\"parallax-container\" style=\"height: 250px;\">\n <div class=\"parallax\"><img data-src=\"/statics/gambiarra.png\">\n </div>\n </div>\n\n\n <div class=\"section\">\n <div class=\"new-section\">\n <div id=\"projects\" class=\"row scrollspy\">\n <h2 class=\"col m10 offset-m1 s12 center thin blue white-text z-depth-3\"> PROJECTS </h2>\n </div>\n\n <div class=\"row\">\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/oauth2.svg\" alt=\"\">\n </div>\n <div class=\"card-content\">\n\n \n <span class=\"card-title activator grey-text text-darken-4\">node-red-contrib-oauth2<i class=\"material-icons right\">more_vert</i></span>\n <p> An OAuth2 client which sends an oauth2Response object as output.</p>\n <p><a class=\"right\" target='_blank'\n href=\"https://flows.nodered.org/node/node-red-contrib-oauth2\">Link</a></p>\n </div>\n <div class=\"card-reveal\">\n <span class=\"card-title grey-text text-darken-4\">node-red-contrib-oauth2<i class=\"material-icons right\">close</i></span>\n <p>\n This node is intended to be used for communicating with OAuth2 protected APIs. Once you configured it, for each incoming\n message the node will emit a message containing the msg.oauth2Response value which can be passed to other nodes sending\n messages to an OAuth protected API.\n </p>\n <p> Technology used <br> Node.js, HTML, CSS (Bootstrap)\n </p>\n <p><a class=\"right\" href=\"https://flows.nodered.org/node/node-red-contrib-oauth2\">Link</a></p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/goapy.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">GOAPy (Contributor)<i class=\"material-icons right\">more_vert</i></span>\n <p>Goal-Oriented Action Planning implementation in Python<br><a target='_blank'\n class=\"right\" href=\"https://github.com/leopepe/GOApy\">Link</a></p>\n </div>\n <div class=\"card-reveal\">\n <span class=\"card-title grey-text text-darken-4\">Goal-Oriented Action Planning<i class=\"material-icons right\">close</i></span>\n <p>\n GOAP is a real-time planning algorithm for autonomous agents (AA).\n AA are able to create an action planning based on a set of actions available to the AA.\n <br /><br />\n The Planner class searches for the correct set of actions from an initial state to it' goal. To\n perform the search the planner sets a graph using the possible world states as nodes and the\n available actions as edges of the graph. To search for the shortest path it uses the A* algorithm.\n </p>\n <p> Technology used <br> Python, Shell, Docker\n </p>\n <p><a target='_blank' class=\"right\"\n href=\"https://github.com/leopepe/GOApy\">Link</a></p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 offset-m3 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/flow.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">\n Micro-FrontEnd with jsGrid & MongoDB<i class=\"material-icons right\">more_vert</i></span>\n <p>Display, Create, Remove, uUpdate and Delete data.</p>\n <p>\n <a class=\"right\" target=\"_blank\" href=\"https://flows.nodered.org/flow/ef72b50ca63e16c2a12633f6b1a8a9e5\">Link</a>\n </p>\n </div>\n <div class=\"card-reveal\">\n <span class=\"card-title grey-text text-darken-4\">\n Micro-FrontEnd with jsGrid & MongoDB<i class=\"material-icons right\">close</i></span>\n <p>\n This flow uses the html template and js-grid to display, create, remove, update and delete data\n rows.\n </p>\n <p>\n Technology used <br />\n Node-RED, JavaScript, MongoDB\n </p>\n <p>\n <a target=\"_blank\" class=\"right\" href=\"https://flows.nodered.org/flow/ef72b50ca63e16c2a12633f6b1a8a9e5\">Link</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"parallax-container\" style=\"height: 250px;\">\n <div class=\"parallax\"><img data-src=\"/statics/aladin.jpg\">\n </div>\n </div>\n\n\n <div class=\"section\">\n <div class=\"new-section\">\n <div id=\"experience\" class=\"row scrollspy\">\n <h2 class=\"col m10 offset-m1 s12 center thin blue white-text z-depth-3\"> EXPERIENCE </h2>\n </div>\n\n <div class=\"row\">\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/italtel.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">Full Stack Engineer (Italtel)<i class=\"material-icons right\">more_vert</i></span>\n <p>Nov 2021 - Present\n <br> Tags: CISCO, BPA, NSO, Network Automation\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/oi.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">Senior System Analyst (OI)<i class=\"material-icons right\">more_vert</i></span>\n <p>Dec 2017 - Jun 2018 · 7 mos\n <br> Tags: Telecom Mediation, Ericsson DUP (DataUnit Processing language), PERL\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/b2w.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">Senior Software Engineer (B2W)<i class=\"material-icons right\">more_vert</i></span>\n <p>2018 - Sep 2020 · 2 yrs 9 mos <br> Tags: Java, Python, Databases, Scripting, Automation, REST APIs, AWS\n </p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/wpensar.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">Senior Software Engineer (WPensar)<i class=\"material-icons right\">more_vert</i></span>\n <p>Nov 2015 - Nov 2017 · 2 yrs 1 mo <br> Tags: Python, JavaScript, JIRA, AWS, DevOPS</p>\n </div>\n </div>\n </div>\n\n <div class=\"col m6 offset-m3 s10 offset-s1\">\n <div class=\"card medium hoverable\">\n <div class=\"card-image waves-effect waves-block waves-light\">\n <img class=\"activator card-resizeimg\" data-src=\"/statics/orga.png\" alt=\"\">\n </div>\n <div class=\"card-content\">\n <span class=\"card-title activator grey-text text-darken-4\">Technical Consultant (ORGA)<i class=\"material-icons right\">more_vert</i></span>\n <p>Sep 2007 - Sep 2014 · 7 yrs 1 mo <br> Tags: VAS - Value-added Services, Problem Solving, Java, C, SQL</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n\n <div class=\"section\">\n <div class=\"new-section\">\n <div id=\"testimonials\" class=\"row scrollspy\">\n <h2 class=\"col m10 offset-m1 s12 center thin blue white-text z-depth-3\"> TESTIMONIAL </h2>\n </div>\n\n <div class=\"row\">\n <div class=\"col m10 s10 offset-s1\">\n <div class=\"row valign-wrapper\">\n <div class=\"col s4 lr-border\">\n <img data-src=\"/statics/petula.png\" class=\"circle responsive-img testimonial-pic\" alt=\"\">\n </div>\n <div class=\"col s8\">\n <p class=\"black-text testimonial-text\">Caputo is intelligent, easygoing and committed. He is always eager to learn, always share his knowledge. He was just a\n great partner I had at Orga.</p>\n <span class=\"author right\">Petula Guimaraes · Coach, Trainer and Digital CEO - All Things Agile .ca</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col m10 offset-m2 s10 offset-s1\">\n <div class=\"row valign-wrapper\">\n <div class=\"col s8\">\n <p class=\"black-text testimonial-text right\">Marcos Caputo is a very good professional. He knows how to deal with problems with patience and how to deal in critical\n and stressing situations. He's a skilled professional and has the ability to learn new things very quickly.</p>\n <span class=\"author right\"> Leonardo Pepe - DevOps Engineer for Data Science at MOIA </span>\n </div>\n <div class=\"col s4 rg-border\">\n <img data-src=\"/statics/pepe.png\" class=\"circle responsive-img right\" alt=\"\">\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"row\">\n <div class=\"col m10 s10 offset-s1\">\n <div class=\"row valign-wrapper\">\n <div class=\"col s4 lb-border\">\n <img data-src=\"/statics/caputo.png\" class=\"circle responsive-img\" alt=\"\">\n </div>\n <div class=\"col s8\">\n <p class=\"black-text testimonial-text\">Marcos Caputo is probably the best programmer I have ever seen. I would not hesitate to hire him. =)</p>\n <span class=\"author right\"> Himself </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n\n <div class=\"section\">\n <div class=\"new-section\">\n <div id=\"about-me\" class=\"row scrollspy\">\n <h2 class=\"col m10 offset-m1 s12 center thin blue white-text z-depth-3\"> ABOUT ME </h2>\n <a target=\"_blank\" class=\"resume\"\n href=\"/statics/resume.pdf\"><i class=\"fa fa-paperclip fa-3x\"></i></a>\n </div>\n\n <div class=\"parallax-container testing\" style=\"height: 300px;\">\n <div class=\"parallax\"><img data-src=\"/statics/old.png\">\n </div>\n </div>\n\n <p class=\"flow-text\">\n I'm an Experienced Software Developer adept in bringing forth expertise in design, installation, testing, and\n maintenance of software systems. Equipped with a diverse and promising skill-set. Proficient in various platforms,\n languages, and embedded systems. Experienced with the latest cutting edge development tools and procedures. Able to\n effectively self-manage during independent projects, as well as collaborate as part of a productive team.\n <p class=\"flow-text\">\n <strong>\n I am a very curious person with a wide range of interests and\n passions. <br>\n Currently expanding my knowledge and skills in the\n field of Network Automation.\n </strong>\n </p>\n </p>\n\n <h5 class=\"center\">Here are some things I enjoy</h5>\n <div class=\"row\">\n <ul class=\"col m8 offset-m2 s10 offset-s1 collapsible white\" data-collapsible=\"accordion\">\n <li>\n <div class=\"collapsible-header\"><i class=\"material-icons\">music_video</i>Music,\n Movies & Books</div>\n <div class=\"collapsible-body\">\n <p><b>Music:</b> Enya • Bad Religion • Pennywise • NOFX • Supertramp • Neil Young • The Beatles</p>\n <p><b>Movies:</b> The Matrix • Eternal Sunshine of the Spotless Mind • Inception • Interstellar • Lord of the Rings • Wall-E</p>\n <p><b>Books:</b> A Vida Como Ela É • The Hitchhiker's Guide to the Galaxy • Sapiens: A Brief History of Humankind • A Short History of Nearly Everything</p>\n </div>\n </li>\n <li>\n <div class=\"collapsible-header\">\n <i class=\"material-icons\">directions_run</i>Activities & Sports</div>\n <div class=\"collapsible-body\">\n <p><b>Activities:</b> Making people laugh • Hiking • Reading • Learning • Teaching • Travelling • Making myself laugh • Trying new things •\n Helping\n </p>\n <p><b>Sports:</b> Surf • Sk8 • Capoeira</p>\n </div>\n </li>\n <li>\n <div class=\"collapsible-header\"><i class=\"material-icons\">favorite</i>General\n Interests</div>\n <div class=\"collapsible-body\">\n <p>Programming • Artificial Intelligence • Cybersecurity • Bioinformatics • Science • History • Philosophy • Photography •\n Travel • Food\n </p>\n </div>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"section\">\n <div id=\"contact\" class=\"row\">\n <h3 class=\"col m8 offset-m2 s12 center thin black-text\"> Reach out to me</h3>\n </div>\n\n <div class=\"row\">\n <div class=\"col m6 offset-m3 s8 offset-s2\">\n <div class=\"row social\">\n <div class=\"col s4 center\">\n <a target=\"_blank\" class=\"linkedin tooltipped\" data-position=\"bottom\"\n data-delay=\"50\" data-tooltip=\"LinkedIn\"\n href=\"https://www.linkedin.com/in/caputomarcos/\"><i class=\"fa fa-linkedin fa-3x\"></i></a>\n </div>\n <div class=\"col s4 center\">\n <a target=\"_blank\" class=\"github tooltipped\" data-position=\"bottom\"\n data-delay=\"50\" data-tooltip=\"Github\"\n href=\"https://github.com/caputomarcos\"><i class=\"fa fa-github fa-3x\"></i></a>\n </div>\n <div class=\"col s4 center\">\n <a target=\"_blank\" class=\"email tooltipped\" data-position=\"bottom\"\n data-delay=\"50\" data-tooltip=\"Email\"\n href=\"mailto:[email protected]\"><i class=\"fa fa-envelope fa-3x\"></i></a>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"row\">\n <h5 class=\"col m6 offset-m3 s8 offset-s2 center thin black-text\"> Share similar interests?\n Let me know! </h5>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <!-- <script\n src=\"https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js\">\n </script> -->\n\n <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>\n <script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js'></script>\n <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyloadxt/1.1.0/jquery.lazyloadxt.min.js'></script>\n <script id=\"rendered-js\">\n {{{payload.script}}}\n </script>\n\n\n\n</body>\n\n</html>","output":"str","x":770,"y":800,"wires":[["ecd361f779764d41"]]},{"id":"ecd361f779764d41","type":"http response","z":"f6f2187d.f17ca8","name":"","statusCode":"","headers":{},"x":930,"y":800,"wires":[]}] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment