SHARE
TWEET

website code

espanto28 Apr 21st, 2015 259 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5.         <head> <title>Francisco Ignacio Quintana wbsite </title>  
  6.                  <link rel="stylesheet" type="text/css" href="website.css" >
  7.        
  8.          </head>
  9.        
  10.         <body>
  11.     <section class="nav">
  12.       <div class="container">
  13.         <ul class="pull-left">
  14.           <li> <a href="#">Home </a> </li>
  15.           <li><a href="#Experience">Experience</a></li>
  16.           <li><a href="../FranciscoWebsite/FranciscosBlog.html">Blog</a></li>
  17.           <li><a href="#">Code</a></li>
  18.           <li><a href="#Contact">Contacts</a></li>
  19.         </ul>
  20.       </div>
  21.     </section>
  22.  
  23.     <div class="jumbotron">
  24.       <div class="container">
  25.         <h1>Francisco Quintana</h1>
  26.         <p>
  27.         Aspiring Developer, Marketer, Sports Enthusiasts, Jiu Jitsu Competitor </p>
  28.         <p></p>
  29.       </div>
  30.     </div>
  31.  
  32.     <div class="learn-more">
  33.           <div class="container">
  34.                 <div class="row">
  35.                   <div class="col-md-4">
  36.                         <h3 id="About">About me</h3>
  37.                         <p><img src="../images/Fran_Profile1.png" alt="Francisco Quintana Profile Picture"></p>
  38.                         <p> I have both Italian and Venezuelan Nationality. Having lived in 4 continents. I consider myself a citizen of the world. Below is some more information about me.
  39.                         <br>This website isn't just information about me but a chance to express
  40.                         myself. I have built this in HTML and CSS after studying web design for a few weeks.<br> I did not use a website builder.
  41.                         I plan on to continue developing this website as my skills improve. <br>My blog catalogues the journey in greater detail. Projects in the navigation bar will lead you
  42.                         to some of the coding I have done in paste bin. Feel free to copy the code for yourself.<br></p>
  43.                   </div>
  44.                   <div class="col-md-4">
  45.                         <h3 id="Experience">Experience</h3>
  46.                         <p class="experience"> <a href ="https://sites.google.com/site/tedxhultlondon/events/videos"> <img src="../images/TedxLogoHi.png" alt="TedxLogo"> </a></p>
  47.                         <p class="experience"> <a href="../OnlineCV/OnlineCV.html"> <img src="../images/amplified-Robot1.png" alt="Amplified Robot Logo"> </a></p>
  48.                         <p class="experience"> <a href=../OnlineCV/OnlineCV.html> <img src="../images/lytespark-for-business1.png" alt="Lytespark Logo & link to Virtual CV"> </a> </p>
  49.                         <p class="experience"> <a href="https://www.youtube.com/user/NSRVenezuela"> <img src="../images/NSR-LOGO1.png" alt="NSR Logo & link to Videos of NSR"> </a>
  50.                         <p> Above are some of the companies and teams I have had the pleasure of working with. All images have linked to my work with them or to my virtual CV
  51.                     </p>
  52.                        
  53.                         <p><a href="../OnlineCV/OnlineCV.html">Learn more about my experience by viewing my virtual CV or download my cv below</a></p>
  54.               </div>
  55.                   <div class="col-md-4">
  56.                         <h3 id="Contact">Contact Me</h3>
  57.                         <p>Feel free to contact me</p>
  58.                         <!-- Social media section with links from my previous website -->
  59.                         <p class="social_media"> <a href="https://twitter.com/Quinnystar27" title="Twitter Link"> <img id="Twitter" src="../images/twitter_circle_black2.png" alt="twitter link"> </a> </p>
  60.                         <p class="social_media"> <a href="https://www.linkedin.com/profile/public-profile-settings?trk=prof-edit-edit-public_profile" title="Linkedin Link"> <img id="Linkedin" src="../images/linkedin_icon2.png" alt="Linkedin link"> </a> </p>
  61.                         <p class="social_media"> <a href="mailto:quintanf@gmail.com"> <img id="email" src="../images/email_icon1.png" alt="email link"> </a> </p>
  62.                         <p class="social_media"> <a href="../images/HULT_TECH_CV.pdf"> <img id="CV" src="../images/CV_icon1.png" alt="CV Download"> </a> </p>
  63.                   </div>
  64.                 <footer>
  65.                         <p>
  66.                                 &copy; 2015, Francisco Quintana's Website <br>
  67.                                 All rights Reserved
  68.                         </p>
  69.                
  70.                 </footer>
  71.             </div>
  72.           </div>
  73.         </div>
  74.   </body>
  75. </html>
RAW Paste Data
Top