<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Atom Smith - Online CV</title>
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<!-- jQuery -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
	
	<!-- Bootstrap -->
	<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="./bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
	<script src="./bootstrap/js/bootstrap.min.js"></script>
	
	<!-- Glyphicons -->
	<link href="./css/glyphicons.css" rel="stylesheet" media="screen">

	<!-- Plugins -->
	<script src="./js/jquery.easing.1.3.js"></script>
	<script src="./js/jquery.isotope.min.js"></script>
	<script src="./js/jquery.ba-resize.min.js"></script>
	
	<link href="./css/prettyPhoto.css" rel="stylesheet" media="screen">
	<script src="./js/jquery.prettyPhoto.js"></script>
	
	<script src="./js/klass.min.js"></script>
	<script src="./js/code.photoswipe.jquery-3.0.4.min.js"></script>
	<link href="./css/photoswipe.css" rel="stylesheet" media="screen">
	
	<!-- Theme -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald|Droid+Sans|Yanone+Kaffeesatz|Droid+Serif|Ubuntu|Lobster|Francois+One|Arvo|Changa+One|Rokkitt|Nunito|Bitter|Merriweather|Raleway|Pacifico|Josefin+Sans|Questrial|Cantarell|Norican|Vollkorn|Quicksand|Limelight|Cantata+One|Bree+Serif|Oleo+Script|Playfair+Display|Quattrocento+Sans|Berkshire+Swash|Passion+One|Cuprum' rel='stylesheet' type='text/css'>
	<link href="./style.css" rel="stylesheet" media="screen">
	<script src="./js/scripts.js"></script>
	
	<!-- Skin -->
	<link type="text/css" rel="stylesheet" href="./css/skin.php" media="screen">
	

	<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="./css/ie.css" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- PRINT CSS -->
	<link type="text/css" rel="stylesheet" href="./css/print.css" media="print">
	
	
</head>

<body class="backgrounded" data-spy="scroll" data-target=".sidebar-nav">
		
<div class="navbar navbar-inverse navbar-fixed-top visible-phone noprint" id="phone-navbar">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="btn btn-navbar" href="http://atomsmith.com/webcv/Atom_Smith_2018CV.pdf" style="padding: 5px 10px 3px;"><i class="icon-white icon-download "></i></a>
			<a class="brand" href="//Atom_Smith_2018CV.pdf">Atom Smith</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="#about-me" class="scroller">About me</a></li>
					<li><a href="#personal-information" class="scroller">Personal Info</a></li>
					<li><a href="#employment" class="scroller">Employment</a></li>
					<li><a href="#education" class="scroller">Education</a></li>
					<li><a href="#skills" class="scroller">Skills</a></li>
					<li><a href="#hobbies" class="scroller">Hobbies</a></li>
					<li><a href="#contact" class="scroller">Contact</a></li>
				</ul>
			</div><!--/.nav-collapse -->
		</div>
	</div>
</div><!--/#phone-navbar -->

<div class="container">
      <div class="row" id="content">
      	
      	<!-- If you want the sidebar placed on the left, place it just after this and change the sbright class by sbleft -->

        <!-- MAIN CONTENT -->
        <div class="span9 equal" id="main-content">
        
        	<div class="tools noprint visible-desktop">
				<a href="javascript:if(window.print)window.print()" title="Print" data-placement="bottom" class="tips glyphicons print"><i></i></a>
				<a href="http://atomsmith.com/webcv/Atom_Smith_2018CV.pdf" title="Download" data-placement="bottom" class="tips glyphicons file_import"><i></i></a>
			</div>

        
        	<div class="section first-section" id="about-me">
	            <div class="row author">
	            	<div class="span3">
	            		<img class="img-rounded" src="./images/portrait.jpg" alt="">
	            	</div>
	            	<div class="span6">
				    	<h1>Atom Smith</h1><br/>
				   		<h2 class="primary-color">Digital Operations Management</h2>
				   	</div>
				</div>
			
						
				
				<div class="well">
					<p class="lead">With over 11 years of digital experience, I’ve helped companies build successful marketing programs and digital platforms by solving unique business challenges through innovation, design and technology. I offer a unique combination of creativity and management skills with the ability to assess all vantage points to create cost-effective solutions for clients.</p>
				</div>
				
				<div class="social-media noprint">
					<h5>Follow me</h5>
					<div>
						<div class="tips icon-btn" title="Facebook" data-placement="bottom"><a href="http://facebook.com/atomsith" class="glyphicons white facebook"><i></i></a></div>
						<div class="tips icon-btn" title="Twitter" data-placement="bottom"><a href="http://twitter.com/atomsmith" class="glyphicons white twitter"><i></i></a></div>
						<div class="tips icon-btn" title="Linkedin" data-placement="bottom"><a href="http://ca.linkedin.com/in/atomsmith/" class="glyphicons white linked_in"><i></i></a></div>
					</div>
				</div>		
			</div><!--/section--> 
            
            <div class="section" id="personal-information">
	            <h2 class="section-title"><span class="glyphicons user"><i></i></span>Information<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
				
				<div class="row">
	        		<div class="infoline span9 first"><div class="row">
	            		<div class="span2 muted">Month of birth</div>
	            		<div class="span7">August</div>
				  	</div></div>
				  	<span class="clear"></span>
				  	
	        		<div class="infoline span9"><div class="row">
					  	<div class="span2 muted">Location</div>
					  	<div class="span7">
					  		Toronto, Canada<br/>
					  		</div>
					</div></div>
				  	<span class="clear"></span>
				  	
	        		<div class="infoline span9"><div class="row">
				  		<div class="span2 muted">Email</div>
				  		<div class="span7"><a href="mailto:atom@icloud.com" title="">atom@icloud.com</a></div>
				  	</div></div>
				  	<span class="clear"></span>
				  	
	        		<div class="infoline span9 last"><div class="row">
					  	<div class="span2 muted">Website</div>
					  	<div class="span7"><a href="http://atomsmith.com/webcv" title="">atomsmith.com</a></div>
					</div></div>
				  	<span class="clear"></span>
		
			  	</div>
		  </div><!--/timeline-item-->
		  	
		  	<div class="section" id="employment">
			  	<h2 class="section-title"><span class="glyphicons share_alt"><i></i></span>Employment<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
			  	
			  	<div class="timeline">
			  	
			  		<div class="timeline-item">
		  			 	<div class="timeline-item-date">2016 - Current</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_minus" data-toggle="collapse" data-target="#position1"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position1">Manager Web & Graphic Design @ West Corp.</h3>
							<div class="collapse in" id="position1">
								<p><small class="muted">September 2016 to Current</small></p>
								<h4 class="media-heading primary-color">Digital Operations Management</h4>
								<p>Reporting directly to the Vice President of Customer Operations, I am responsible for leading, executing and supporting the Education Business Unit’s Web & Mobile Design department and member of the Customer Operations Leadership Team.</p>
                                
                                <p>I was responsible for defining an operational execution strategy to improve EBU Digital Customer experience, supporting Operations and Internal Teams. Myself, along with my Team elevated our execution and drive adoption to our digital platforms and systems enabling EBU enabling us to deliver on goals and key objectives.</p>
                                                        <ul>
                                <li>Develop EBU Digital Operations strategy and plan, to drive customer experience improvements and overall efficiencies</li><br>                            
                                <li>Align operational strategy with the EBU Digital Strategy</li><br>
                                <li>Lead & manage a team of Designers and Front End Developers</li><br>
                                <li>Define Operations roles and document accountabilities ensuring alignment to the new Digital EBU Operations Strategy</li><br>
                                <li>Participate in the development of the short, mid and long term strategic plans for the EBU Operations to drive operational improvements and customer satisfaction</li><br>
                                <li>Lead quarterly planning for all service and support team for Digital initiatives</li><br>
                                <li>Oversee the day to day support and direction for the Digital Ops Portfolio and Team.</li><br>
                                <li>Provide leadership to your team by supporting them through development and change</li><br>
                                <li>Drive project methodology with Team focused on best practice</li><br>
                                <li>Communicate overall plan, status, impacts, business case to leadership & management </li><br>
                                <li>Work in conjunction with the EBU OPS Leaders to ensure both internal/external customer operational requirements are addressed </li><br>
                                <li>Participate in the development of the short, mid and long term strategic plans for the EBU Operations to drive operational improvements and customer satisfaction</li><br>

                              </ul>
							</div>
						</div>
				  </div><!--/timeline-item--> 
					 <span class="clear"></span>
                   
                    <div class="timeline-item">
		  			 	<div class="timeline-item-date">2015 - 2016</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#position2"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position2">Manager Customer Journey Design @ Rogers Communications Inc.</h3>
							<div class="collapse" id="position2">
								<p><small class="muted">September 2015 to September 2016</small></p>
								<h4 class="media-heading primary-color">Customer Experience</h4>
								<p>Acting as the Voice of the Customer while collaborating closely with other functional channels to ensure customer experience satisfaction with the Consumer Business Until portfolio remains high. Using a strategic and hands-on position requiring management of customer experience and process improvement initiatives and driving solutions to improve those processes with the end customer in mind</p>	
                                <br>
                                                        <ul>
                                <li>Complete end-to-end journey audits and Track KPI’s to measure ongoing customer experience and ensure best practices are being utilized</li><br>                            
                                <li>Work closely with Marketing and Professional Services to inform brand messaging and positioning to drive our net promoter score (NPS)</li><br>
                                <li>Delivering strategic and hands-on management of customer experience and process improvement initiatives and driving solutions to improve those processes with the end customer in mind</li><br>
                                <li>Create end to end customers journeys with detailed outlined risks, impacts, gaps, and provided capabilities to improve the customer experience</li>

                              </ul>
							</div>
						</div>
				  </div><!--/timeline-item--> 
					 <span class="clear"></span>
                    
		  			 <div class="timeline-item">
		  			 	<div class="timeline-item-date">2014 - 2015</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#position3"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position3">Manager Non-Voice Channels @ Rogers Communications Inc.</h3>
							<div class="collapse" id="position3">
								<p><small class="muted">from September 2014 to September 2015</small></p>
								<h4 class="media-heading primary-color">Design & Contact Optimization</h4>
								<p>Acting as the Customer Care stakeholder responsible for development and implementation of Rogers.com self-serve projects</p>	
                                <br>
                                                        <ul>
                                <li>Developed the Care governance strategy for all Consumer support content adhering to the Digital Channels BAU process and development life cycle.</li><br>                            
                                <li>Work closely with Digital Channels, eComm IT, platform administrators, Cross functional teams, to ensure self-Serve projects are delivered on time and meeting the needs of the customer</li><br>
                                <li>Plan, design and facilitate various meetings to support the implementation of initiatives to ensure procedures are clearly understood enabling successful implementation</li><br>
                                <li>Managed the planning, co-ordination and communication of initatives across National Consumer Care support solutions to ensure for well informed agents</li><br>
                                <li>Managed the rollout of national software tools to over 10k agents across multiple lines of business</li>


                              </ul>
							</div>
                            
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					 
					 <div class="timeline-item">
		  			 	<div class="timeline-item-date">2013 - 2014</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#position4"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position4">Manager Employee Engagement @ Rogers Communications Inc.</h3>
							<div class="collapse" id="position4">
								<p><small class="muted">from March 2013 to September 2014</small></p>
								<h4 class="media-heading primary-color">Employee Engagement Team</h4>
								<p>Employee engagement illustrates the commitment and energy that employees bring to work and is a key indicator of their involvement and dedication to the organization.  It is measurable; it can be correlated with performance; and it varies from poor to great. Most importantly employers can do a great deal to impact on people&rsquo;s level of engagement. That is what makes it so important, as a tool for business success.</p>	
                                                                <dd>
                               <ul>
                               <li>Designed, developed and implemented Employee Engagement programs across all levels of Consumer Care, NTSD and Business Care</li><br>
												<li>Contributed to  the National Employee Engagement Plan including program objectives, activities, timelines and measurements</li><br>
                               
                               <li>Collaborated with frontline Communications to prepare effective communication plans to support business needs and delivery of programs across National Customer Care Solutions Support Lifecycle/LOB leaders with the development and implementation of adhoc initiatives and events upon request</li><br>
                               
                               <li>End to End Management of The Path program for Consumer Care, NTSD and Business Care. Developed new ways to increase program success</li><br>
                               
                               <li>Design graphic materials that may include: posters, emails and websites/website content Administered My RogersRewards website handling new activations, branding, site improvements and systematic and process amendments</li><br>
                               <li>Developed, implemented and managed NCCS Rewards and Recognition programs that support our customer and employee programs<br>
                               </li>
                               </ul>
                               
						  </div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					 
					 <div class="timeline-item">
		  			 	<div class="timeline-item-date">2011 - 2013</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#position5"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position5">Wireless Tech. Care @ Rogers Communications Inc.</h3>
							<div class="collapse" id="position5">
								<p><small class="muted">Augutst 2011 to March 2013</small></p>
								<h4 class="media-heading primary-color">Technical Care Rep.</h4>
								<p>Provided world class customer service by connecting to  customers and enjoyed solving problems imaginatively and resourcefully.</p>	
                                <ul>
                                  <li>Passionately provide wireless mobile technical support and build rapport with a variety of customers and their changing technical requirements</li>
                                  <br>
                                  <li>Handle inquiries about repair, replacement, technical problem resolution and connectivity</li>
                                  <br>
                                  <li>Analyze of issues with telecommunication equipment and/or devices and associated desktop software</li>
                                  <br>
                                  <li>Trouble shoot the required resolution; including, account provisioning, device functionality, device configuration, application support, software downloads, network connectivity by escalating internal, and vendor issues</li>
                                  <br>
                                </ul>
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					 
					 <div class="timeline-item">
		  			 	<div class="timeline-item-date">2007 - 2011</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#position6"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#position6">Manager Affiliate Program Marketing @ Vintara Systems</h3>
							<div class="collapse" id="position6">
								<p><small class="muted">2007 to 2011</small></p>
								<h4 class="media-heading primary-color">Program Management</h4>
								<ul>
								<li>Managed &amp; tracked all web campaign traffic by creating detailed analysis reports on a monthly and quarterly basis. Oversaw  and administered payouts to affiliates</li>
									<br>
								<li>Managed social media marketing to develop leads, generate revenue while forecasting monthly trends and providing accurate budgets to accounting</li>
									<br>
								<li>Planed, designed and facilitated  meetings to support the implementation of initiatives to ensure procedures are clearly understood enabling successful implementation</li>
								</ul>
								
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
		  			 
			  	</div><!--/timeline --> 
			</div><!--/section-->
		  	
		  	
		  	<div class="section" id="education">
			  	<h2 class="section-title"><span class="glyphicons certificate"><i></i></span>Education<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
			  	
			  	<div class="timeline">
			  		
		  			<div class="timeline-item">
		  			 	<div class="timeline-item-date">2018</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_minus" data-toggle="collapse" data-target="#education1"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#education1">Social Media Marketing Certificate</h3>
							<div class="collapse in" id="education1">
								<p><small class="muted">2018</small></p>
								<h4 class="media-heading primary-color">George Brown College</h4>
								<p>Courses and areas of study were;</p>
								<ul><li>Facebook Marketing</li>
								<li>Content Strategy</li>
                                <li>Social Media Metrics</li>
                                <li>Video for the Web</li>
                                <li>E-commerce DFundementals</li>
                                <li>SEO, Paid Search and Web Analytics</li>
                                </ul>
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					
					<div class="timeline-item">
		  			 	<div class="timeline-item-date">2017</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#education2"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#education2">Six Sigma Training</h3>
							<div class="collapse" id="education2">
								<p><small class="muted">2017</small></p>
								<h4 class="media-heading primary-color">Six Sigma</h4>
								<p>Courses and areas of study were;</p>
								<ul><li>Overview of the Lean Enterprise</li>
								<li>Integrating Six Sigma</li>
                                <li>Muda (or Waste) Elimination</li>
                                <li>Value Stream Mapping (Current and Future State)</li>
                                <li>How to Conduct a Vision Events (or Kaizen Events)</li>
                                </ul>
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					
					<div class="timeline-item">
		  			 	<div class="timeline-item-date">2005 - 2006</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#education3"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#education2">Graphic Design & 3D Animation</h3>
							<div class="collapse" id="education3">
								<p><small class="muted">2005 to 2006</small></p>
								<h4 class="media-heading primary-color">Herzing College</h4>
								<p>Courses and areas of study were;</p>
								<ul><li>Photoshop</li>
								<li>Illustrator</li>
                                <li>Flash</li>
                                <li>InDesign</li>
                                <li>Dreamweaver</li>
                                <li>Maya</li>
                                </ul>
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
					 
					  <div class="timeline-item">
		  			 	<div class="timeline-item-date">1998 - 2000</div>
		  			 	<div class="timeline-item-trigger"><span class="glyphicons white circle_plus" data-toggle="collapse" data-target="#education4"><i></i></span></div>
		  			 	<div class="timeline-arrow"><i></i></div>
		  			 	<div class="timeline-item-content">
							<h3 class="timeline-item-title" data-toggle="collapse" data-target="#education4">Business Administration</h3>
							<div class="collapse" id="education4">
								<p><small class="muted">1998 to 2000</small></p>
								<h4 class="media-heading primary-color">Senneca College</h4>
								<p>Graduated from the Senneca School of Business. </p>	
							</div>
						</div>
					 </div><!--/timeline-item--> 
					 <span class="clear"></span>
			  	</div><!--/timeline --> 
		  	
		  	</div><!--/section-->
		  	
		  	
		  	<div class="section skills" id="skills">
		  		<h2 class="section-title"><span class="glyphicons cogwheels"><i></i></span>Skills<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
			  	<h3></h3>
			  	
			  	<div class="row">
			  		<div class="span2">Design and Developement</div>
			  		<div class="span3">
			  			<span class="printonly">Very Good</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 85%;"></div>
	    				</div>
			  		</div>
			  	</div>
			  	
			  	<div class="row">
			  		<div class="span2">Operations Management</div>
			  		<div class="span3">
			  			<span class="printonly">Very good</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 100%;"></div>
	    				</div>
			  		</div>
			  	</div>
			  	
			  	<div class="row">
			  		<div class="span2">User Interface</div>
			  		<div class="span3">
			  			<span class="printonly">Expert</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 90%;"></div>
	    				</div>
			  		</div>
			  	</div>
                
                <div class="row">
			  		<div class="span2">Design</div>
			  		<div class="span3">
			  			<span class="printonly">Very good</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 95%;"></div>
	    				</div>
			  		</div>
			  	</div>
                
					<div class="row">
			  		<div class="span2">Accessability (WCAG 2.0)</div>
			  		<div class="span3">
			  			<span class="printonly">Expert</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 90%;"></div>
	    				</div>
			  		</div>
			  	</div>
				
                <div class="row">
			  		<div class="span2">Project Management</div>
			  		<div class="span3">
			  			<span class="printonly">Expert</span>
			  			<div class="progress">
	   						<div class="bar" style="width: 100%;"></div>
	    				</div>
			  		</div>
			  	</div>
			  	
			  	<hr/>
			  				  	
			  	<h3>Development</h3>
			  	
			  	<div class="row">
			  		<div class="span2">Programming Languages</div>
			  		<div class="span7">
			  			<span class="label">HTML 5</span>
			  			<span class="label">CSS 3</span>
			  			<span class="label">jQuery</span>
						<span class="label">PHP</span>
			  			</div>
			  	</div>
			  	<span class="spacer"></span>
			  	<div class="row">
			  		<div class="span2">Software</div>
			  		<div class="span7">
			  			<span class="label">Wordpress</span>
			  			<span class="label">Dreamweaver</span>
                        <span class="label">Illustrator</span>
                        <span class="label">Photoshop</span>
			  			<span class="label">Indesign</span>
                        <span class="label">SharePoint</span>
                        <span class="label">MS Office</span>
                        <span class="label">SharePoint</span>
                        <span class="label">iOS</span>
                        <span class="label">Android</span>
                        <span class="label">Social Media</span>
			  		</div>
                    </div>
                    <span class="spacer"></span>
			  	<div class="row">
			  		<div class="span2">Management</div>
			  		<div class="span7">
			  			<span class="label">Project Management</span>
			  			<span class="label">Customer Experience</span>
                        <span class="label">Operations Leadership</span>
                        <span class="label">Communicaitions</span>
						<span class="label">Six Sigma</span>
						<span class="label">Employee Engagement</span>
                  	</div>
                    </div>
			  	 <span class="clear"></span>
		  	</div><!--/section-->
		  			
        
        <div class="section hobbies" id="hobbies">
		  		<h2 class="section-title"><span class="glyphicons heart_empty"><i></i></span>Hobbies<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
			  	
			  	<div class="row">
			  		<div class="span9">
			  			<span class="label tips mobtoo" title="I love sci-fy & action movies">
			  				<span class="glyphicons white film"><i></i>Movies</span>
			  			</span>
			  			<span class="label tips mobtoo" title="My next adventure hobby">
			  				<span class="glyphicons white scuba_diving"><i></i>Scuba Diving</span>
			  			</span>
                        <span class="label tips mobtoo" title="Grill Master">
                       <span class="glyphicons white cake"><i></i>Cooking</span>
                        </span>
                        <span class="label tips mobtoo" title="PS4 & PC">
                        <span class="glyphicons white gamepad"><i></i>Video games</span>
                        </span>
			  		</div>
			  	</div>
			  	
		  	</div><!--/section-->
			
		<span class="clear"></span>	
		
		<div class="section noprint" id="contact">
				<h2 class="section-title"><span class="glyphicons message_flag"><i></i></span>Contact<a href="#phone-navbar" class="top visible-phone"><span class="glyphicons white up_arrow"><i></i></span></a></h2>
				
								
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						Make sure to fill all the fields with correct values before sending your email!
					</div>
				
								
						
								
			    <form method="post" action="/index.php#contact" class="form-horizontal">
				    <fieldset>
					    <legend>Send me a message using the form below</legend>
					    
					     <div class="control-group">
							<label class="control-label" for="form-name">Name</label>
							<div class="controls">
								<div class="input-append">
									<input type="text" placeholder="Your name" id="form-name" name="name" class="input-xlarge" value="">
									<span class="add-on"><span class="glyphicons user" ><i></i></span></span>
								</div>
							</div>
						 </div>
						 
						 <div class="control-group">
							<label class="control-label" for="form-email">Email</label>
							<div class="controls">
								<div class="input-append">
								 	<input type="text" placeholder="Your email" id="form-email" name="email" class="input-xlarge" value="">
								 	<span class="add-on">@</span>
								 </div>
							</div>
						 </div>
						 
						 <div class="control-group">
							<label class="control-label" for="form-subject">Subject</label>
							<div class="controls">
								<div class="input-append">
									<input type="text" placeholder="Email Subject" id="form-subject" name="subject" class="input-xlarge" value="">
									<span class="add-on"><span class="glyphicons circle_question_mark"><i></i></span></span>
								</div>
							</div>
						 </div>
						 
						 <div class="control-group">
							<label class="control-label" for="form-message">Message</label>
							<div class="controls">
								<div class="input-append">
									<textarea rows="6" placeholder="Your message" id="form-message" name="message" class="input-xlarge"></textarea>
									<span class="add-on"><span class="glyphicons pen"><i></i></span></span>
								</div>
							</div>
						 </div>
						 
						 <div class="control-group">
							<div class="controls">
								<button type="submit" class="btn btn-primary input-medium" name="submit">Submit</button>
							</div>
						 </div>
						
					    
				    </fieldset>
			    </form>
			</div><!--/section-->

          
        </div><!--/span9-->
        <!-- END OF THE MAIN CONTENT -->
        
        <!-- Sidebar placed on the RIGHT of the screen -->
        <div class="span3 sbright noprint" id="sidebar">
          <div class="sidebar-nav equal hidden-phone">
            <ul class="nav nav-list affix" id="resumenav">
              <li><a href="#about-me" class="scroller">About me</a></li>
              <li><a href="#personal-information" class="scroller">Personal Info</a></li>
              <li><a href="#employment" class="scroller">Employment</a></li>
              <li><a href="#education" class="scroller">Education</a></li>
              <li><a href="#skills" class="scroller">Skills</a></li>
              <li><a href="#hobbies" class="scroller">Hobbies</a></li>
              <li><a href="#contact" class="scroller">Contact</a></li>
            </ul>
          </div><!--/sidebar-nav -->
          <span class="clear"></span>
        </div><!--/span3 -->
        
        
		</div><!--/row-->
      
		<div id="footer">
		<p>&copy; Atom Smith - 2018</p>
		</div>

</div><!--/.container-->

</body>
</html>