D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
2947721120
Full window
Github gist
Adam Owens
<head> <meta charset="UTF-8"> <title>Adam Owens</title> </head> <body ng-app='ngProject'> <md-toolbar> <div class="md-toolbar-tools head"> <h1 class="head">Adam Owens</h1> </div> </md-toolbar> <div ng-cloak="" class="tabsdemoDynamicHeight center"> <md-content> <md-tabs md-dynamic-height="" md-border-bottom=""> <md-tab label="Home"> <md-content class="md-padding"> <h1 class="md-display-2 title">Welcome</h1> <div class="row"> <div class="col-lg-8 pull-right" id="bio"> <p class="bio">我的名字叫欧文斯亚当，我是一名经验丰富的商业专业，在工商管理学士学位。我为自己的先进的微软的擅长技能，人的技能，技术技能，并注重细节和分析. </br> </br> This last year it might look as if I took a year off but that could be further from the truth. I got married to my perfect woman and convinced her to move back to her home country of China so I could meet all my new family and learn about their culture. This last year has been the best year of my life so far and I have had many great adventures, met many wonderful people, and also improved my professional skills greatly. </br> </br> This past year I have spent all my free time sharpening and learning new skills such as Business and data analysis, strengthening math skills, front end development skills, and many more. Ever since high school I have been creating websites and programming for fun as a hobby. This made me want to learn to harness the power of the Python and Javascipt programming languages to leverage one of my hobbies in order to help complement my current skills. </br> </br> <strong>Front End skills inculde:</strong> </br> Intermediate Python and Javascript, working knowledge of R, JQuery, Angular, Boostrap, HTML, CSS, SQL, MongoDB and basic knowledge of React, Angular2, Unit Testing(Jasmine, Chai and Mocha), Node.js, Express, Django </br> I also have experience and knowledge of Product Management such as SCRUM, Agile, Waterfall, and also knowledge of PM tools like Microsoft Project. </br> </br> Given these skills paired with all the skills already in arsenal such as teamwork skills, customer service skills, communication skills, and many software and technical related skills I think I would be great addition to any team. If you are interested in learning more about me or how my services can help your company, please feel free to contact me via email at owensa.ao@outlook.com. </br> </p> </div> <div id="img-circle" class="col-lg-4 pull-center"> <img class="circ" src="https://i.imgur.com/PBGVWA2.jpg" alt="Adam Owens"> </div> </div> <footer> <div class="row" id="foot"> <div class="col-md-3" id="footLeft"> <p> <i class="material-icons">question_answer</i>Contact Adam</p><br> </div> <div class="col-md-4" id="footRight"> Email: <a href="owensa.ao@outlook.com">owensa.ao@outlook.com</a><br> Twitter: <a href="https://twitter.com/DaHuoLong" > @Dahuolong </a><br> </div> <div class="col-md-3" id="footRight"> Skype: owensa.ao<br> LinkedIn: <a href="https://cn.linkedin.com/in/adam-owens-88809187">Adam Owens</a> </div> </div> </footer> </md-content> </md-tab><!-- end of welcome tab --> <md-tab label="About"> <md-content class="md-padding"> <h1 class="md-display-2 title">关于我</h1> <div class="row"> <div class="col-md-1"> </div> <div class="col-md-2"> <a href="https://imgur.com/hH1LWcC"><img class="pix" src="https://i.imgur.com/hH1LWcC.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/gFfgPXG"><img class="pix" src="https://i.imgur.com/gFfgPXG.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/9qWVGkm"><img class="pix" src="https://i.imgur.com/9qWVGkm.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/aAZ8Wh1"><img class="pix" src="https://i.imgur.com/aAZ8Wh1.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/94SCyGx"><img class="pix" src="https://i.imgur.com/94SCyGx.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-1"> </div> </div> <br> <br> <div class="row about"> <div class="col-md-1"></div> <div class='col-md-10'> <p class="about">我是一个终身的学习者，追求者，和解决问题的能力。我喜欢分析和解决复杂的问题，通过打破每一个灵活和创造性的思维。 当我和其他人一起工作时，我喜欢问问题，概述过程和实现解决方案.<br><br> <span class="bold">Background:</span><br> I am a small town kid from a quaint little town in northern Michigan, and after a year in the banking industry I decided to move to my wife's home country of China. This has allowed me to meet my new family, learn a new culture, and at the same time pursue my dream of traveling abroad. Only now I have a partner in crime. <br><br><span class="bold">When I'm not at work:</span><br> When I'm not at work you can find me spending time with family or at home <br><span class="bold">Watching or playing sports:</span><br> I am an avid sports fan. I enjoy almost any kind of sport but my favorites are Football(NFL,NCAA), Hockey(NHL), Soccer(Premier, Bundesliga), and basketball(NCAA). <br><span class="bold">Working on projects:</span><br> Programming projects. ex: Raspberry pi <br><span class="bold">Playing games:</span><br> I like to play everything including alot of the classics on Super Nintendo, NES, Sega Genesis, and Nintendo 64. I also still enjoy playing modern games on Xbox. <br><span class="bold">Reading:</span><br> I like to read anything that can help me better myself in some way. </p> </div> <div class="col-md-1"></div> </div> <br> <div class="row"> <div class="col-md-1"></div> <div class="col-md-2"> <a href="https://imgur.com/xNxR0Hf"><img class="pix" src="https://i.imgur.com/xNxR0Hf.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/ouvLyJV"><img class="pix" src="https://i.imgur.com/ouvLyJV.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/g37oDFb"><img class="pix" src="https://i.imgur.com/g37oDFb.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <a href="https://imgur.com/208x8gP"><img class="pix" src="https://i.imgur.com/208x8gP.jpg" title="source: imgur.com" /></a> </div> <div class="col-md-2"> <img class="pix" src="https://i.imgur.com/94SCyGx.jpg" title="source: imgur.com" /> </div> <div class="col-md-1"></div> </div> <footer> <div class="row" id="foot"> <div class="col-md-3" id="footLeft"> <p> <i class="material-icons">question_answer</i>Contact Adam</p><br> </div> <div class="col-md-4" id="footRight"> Email: <a href="owensa.ao@outlook.com">owensa.ao@outlook.com</a><br> Twitter: <a href="https://twitter.com/DaHuoLong" > @Dahuolong </a><br> </div> <div class="col-md-3" id="footRight"> Skype: owensa.ao<br> LinkedIn: <a href="https://cn.linkedin.com/in/adam-owens-88809187">Adam Owens</a> </div> </div> </footer> </md-content> </md-tab><!-- end of about --> <md-tab label="Resume"> <md-content class="md-padding"> <h1 class="md-display-2 title">简历</h1> <hr> <p class="center"> <h3><strong>QUALIFICATIONS SUMMARY</strong></h3> </p> <hr> <div class="row"> <div class="col-md-1"> </div> <div class="col-md-10 summary"> •A seasoned business professional with experience in the financial and loan industry, who is currently registered with the Nationwide Mortgage Licensing System and Registry(NMLS). <br> • Highly analytical thinking with demonstrated talent for identifying, scrutinizing, improving, and assessing complex work processes. <br> • Seasoned professional whose honesty and integrity provide for effective leadership and optimal business relationships.<br> • Computer-literate with extensive proficiency in a wide variety of applications including Microsoft Office and a wide range of business systems. <br> • Flexible team player who thrives in environments requiring ability to effectively prioritize, persuade, and organize multiple concurrent projects. <br> • Confident, dedicated, hard-working employee who is committed to achieving excellence. <br> </div> <div class="col-md-1"> </div> </div> <hr> <p class="center"> <h3><strong>EDUCATION</strong></h3> </p> <hr> <div class="row summary"> <div class="col-md-1"> </div> <div class="col-md-7 left"> <p> <strong>Bachelor Degree</strong>, Business Administration with diversified concentration, Ferris State University, Big Rapids, Michigan </p> <p> <strong>Associate Degree</strong>, Business Administration, Mid-Michigan Community College, Harrison, Michigan </p> <p><strong>High School Diploma</strong>, Beaverton High School, Beaverton, Michigan </p> </div> <div class="col-md-3"> <p>Dec 2012 </p> <p>Aug 2011 </p> <p>May 2009 </p> </div> <div class="col-md-1"> </div> </div> <hr> <h3><strong>PROFESSIONAL EXPERIENCE</strong></h3> <hr> <div class="row"> <div class="col-md-1"></div> <div class="col-md-7 left"> <p><strong>Meten English</strong> – Xiamen, Fuijian, China <br> <i>Eglish and Business Teacher</i> - <br> <i class="material-icons">subdirectory_arrow_right</i> Instruct students on various levels of English and business material. </p> </div> <div class="col-md-3"> <p>June 2014 – Present </p> </div> <div class="col-md-1"></div> </div> <div class="row"> <div class="col-md-1"></div> <div class="col-md-7 left"> <p><strong>PNC Bank</strong> – 2044 S M-76 West Branch, MI 48661 <br> <i>Customer Service Associate</i> - <br> <i class="material-icons">subdirectory_arrow_right</i> Perform customer service activities and initiatives such as responding to and resolving customer service inquiries and issues while recommending appropriate solutions and maintaining customer satisfaction. </p> </div> <div class="col-md-3"> <p>May 2014 – April 2015 </p> </div> <div class="col-md-1"></div> </div> <div class="row"> <div class="col-md-1"></div> <div class="col-md-7 left"> <p><strong>Edgar Painting</strong> – 5450 Butman Road, Gladwin MI 48624, (989) 426-4265 <br> <i>Job Supervisor</i> - <br> <i class="material-icons">subdirectory_arrow_right</i> Oversaw daily business operations such as planning, organizing, and supervising. <br> </p> </div> <div class="col-md-3"> <p>May 2013 – Jan 2014<br> April 2012 – Oct 2012</p> </div> <div class="col-md-1"></div> </div> <div class="row"> <div class="col-md-1"></div> <div class="col-md-7 left"> <p><strong>Residence by Marriott</strong> – 850 Joe Mann Blvd, Midland MI, 48642 (989) 837-9990 <br> <i>Front Desk Associate/Intern</i> - <br> <i class="material-icons">subdirectory_arrow_right</i> Greeted and assisted all guests with inquiries and problems while maintaining the highest level of customer service and guest satisfaction. </p> </div> <div class="col-md-3"> <p>Oct 2012 – Mar 2013</p> </div> <div class="col-md-1"></div> </div> <div class="row"> <div class="col-md-1"></div> <div class="col-md-7 left"> <p><strong>Jackson Hewitt Tax Service</strong> – 21400 Perry St., Big Rapids, MI 49307, (231) 680-0097<br> <i>Tax Preparer</i> - <br> <i class="material-icons">subdirectory_arrow_right</i> Worked with clients to prepare their tax returns and answer their questions with confidence. </p> </div> <div class="col-md-3"> <p>Jan 2012-April 2012</p> </div> <div class="col-md-1"></div> </div> <hr> <h3><strong>SKILLS</strong></h3> <hr> <div class="row"> <div class="col-md-2"> </div> <div class="col-md-2"> <h4><strong>Professional Skills</strong></h4><br> MicroSoft Office Suite<br> Advanced Excel Skills<br> -Including Vlookup and pivot tables <br> MicroSoft Project <br> Customer Service <br> </div> <div class="col-md-2"> <h4><strong>Web Development</strong></h4><br> Javascript <br> -Frameworks: Angularjs, basic Angular2 and Reactjs <br> -Libraries: JQuery, lodash <br> HTML5 <br> CSS3 <br> Boostrap <br> <br> </div> <div class="col-md-2"> <h4><strong>Business Systems</strong></h4><br> SAP <br> Oracle <br> Salesforce <br> </div> <div class="col-md-2"> <h4><strong>Data Analysis</strong></h4><br> Python <br> R <br> MicroSoft Excel <br> MicroSoft Access <br> </div> <div class="col-md-2"> </div> </div> <footer> <div class="row" id="foot"> <div class="col-md-3" id="footLeft"> <p> <i class="material-icons">question_answer</i>Contact Adam</p><br> </div> <div class="col-md-4" id="footRight"> Email: <a href="owensa.ao@outlook.com">owensa.ao@outlook.com</a><br> Twitter: <a href="https://twitter.com/DaHuoLong" > @Dahuolong </a><br> </div> <div class="col-md-3" id="footRight"> Skype: owensa.ao<br> LinkedIn: <a href="https://cn.linkedin.com/in/adam-owens-88809187">Adam Owens</a> </div> </div> </footer> </md-content> </md-tab><!-- end of contact --> <md-tab label="Projects"> <md-content class="md-padding"> <h1 class="md-display-2 title">Personal Projects</h1> <div class="row card"> <div class="col-md-4"> <div> <h2 class="md-title title">JavaScript Calculator</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/ZbgOpK/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/ZbgOpK/'>ZbgOpK</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> <div class="col-md-4"> <div> <h2 class="md-title title">Twitch API App</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/LZNWBV/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/LZNWBV/'>LZNWBV</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> <div class="col-md-4"> <div> <h2 class="md-title title">Weather App</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/PNXJyN/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/PNXJyN/'>FCC Weather App</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> </div><!-- first row --> <div class="row card"> <div class="col-md-4"> <div> <h2 class="md-title title">Wikipedia Viewer</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/eZLRXg/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/eZLRXg/'>Wiki Viewer</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> <div class="col-md-4"> <div> <h2 class="md-title title">Tribute Page</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/aNYMxx/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/aNYMxx/'>Tribute - FCC</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> <div class="col-md-4"> <div> <h2 class="md-title title">Random Quote Generator</h2> </div> <div> <iframe height='265' scrolling='no' src='//codepen.io/Dahuolong/embed/vNwPwG/?height=265&theme-id=light&default-tab=result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/Dahuolong/pen/vNwPwG/'>Random Quote Generator</a> by Adam (<a href='https://codepen.io/Dahuolong'>@Dahuolong</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe> </div> </div> </div><!-- second row --> <footer> <div class="row" id="foot"> <div class="col-md-3" id="footLeft"> <p> <i class="material-icons">question_answer</i>Contact Adam</p><br> </div> <div class="col-md-4" id="footRight"> Email: <a href="owensa.ao@outlook.com">owensa.ao@outlook.com</a><br> Twitter: <a href="https://twitter.com/DaHuoLong" > @Dahuolong </a><br> </div> <div class="col-md-3" id="footRight"> Skype: owensa.ao<br> LinkedIn: <a href="https://cn.linkedin.com/in/adam-owens-88809187">Adam Owens</a> </div> </div> </footer> </md-content> </md-tab> </md-tabs> </md-content> </div> </div> </body>