Loading

Landing page — CommuniFolio

Posted On: Friday, July 25, 2014 at 2:24 AM
Last updated: Sunday, July 27, 2014 at 2:53 PM

A simple, clean, yet functionally sophisticated portfolio template, enjoy!

Jason Napolitano

Joined on Sunday, June 22, 2014
Contributed 1 Snips

Get Social and Share

Tags

PREVIEW SNIPP

MY INFO

John H. Doe
12345 Main St, Suite G22
San Francisco, CA 94107
(123) 456-7890

ABOUT ME

I am a very enthusiastic website designer and partial website developer. I love to design beautiful websites using HTML5, CSS3 and Bootsraptor! On a side note I love to water-ski, go hiking and occasionally going to the beach at 5AM to catch some waves.

EMPLOYMENT
HISTORY
  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe
ACHIEVEMENTS
  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

EDUCATION
HISTORY
  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2000
    • To: 1/1/2002
    • GPA: 4.0

  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2002
    • To: 1/1/2004
    • GPA: 4.0

  • USC
    • Degree: Masters, Computer Science
    • From: 1/1/2004
    • To: 1/1/2007
    • GPA: 4.0

  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2000
    • To: 1/1/2002
    • GPA: 4.0
ACHIEVEMENTS
  • Highest Honors
    • When: 1/1/2002
    • Times Received: 32
    • Reason: EMataining 4.0GPA

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day
MY SKILLS
WEBSITE DESIGN

HTML5

60% Complete

CSS3

60% Complete

JavaScript

60% Complete
WEBSITE DEVELOPMENT

APACHE

60% Complete

PHP

60% Complete

MySQL

60% Complete
PORTFOLIO
LOCATION

© 2014 John Doe

All Rights Reserved

OK!
section
.container
4
8
xs
sm
md
lg
Style
Thumbnail Panel
MY INFO

John H. Doe
12345 Main St, Suite G22
San Francisco, CA 94107
(123) 456-7890

xs
sm
md
lg
Style
Thumbnail Panel
ABOUT ME

I am a very enthusiastic website designer and partial website developer. I love to design beautiful websites using HTML5, CSS3 and Bootsraptor! On a side note I love to water-ski, go hiking and occasionally going to the beach at 5AM to catch some waves.

Style
Thumbnail Panel
EMPLOYMENT
HISTORY
  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe

  • ABC Company
    • DUTIES: Lorem Ipsum
    • From: 1/1/2000
    • To: 1/1/2010
    • Supervisor: Jane Doe
ACHIEVEMENTS
  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

  • Employee of the Month
    • From: 1/1/2000
    • To: 1/1/2010
    • For: Excellent Work

Style
Thumbnail Panel
EDUCATION
HISTORY
  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2000
    • To: 1/1/2002
    • GPA: 4.0

  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2002
    • To: 1/1/2004
    • GPA: 4.0

  • USC
    • Degree: Masters, Computer Science
    • From: 1/1/2004
    • To: 1/1/2007
    • GPA: 4.0

  • USC
    • Degree: Associates, Computer Science
    • From: 1/1/2000
    • To: 1/1/2002
    • GPA: 4.0
ACHIEVEMENTS
  • Highest Honors
    • When: 1/1/2002
    • Times Received: 32
    • Reason: EMataining 4.0GPA

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day

  • Perfect Attendance
    • When: 1/1/2002
    • Times Received: 32
    • Resson: Never Missed a Day
Style
Thumbnail Panel
MY SKILLS
WEBSITE DESIGN

HTML5

60% Complete

CSS3

60% Complete

JavaScript

60% Complete
WEBSITE DEVELOPMENT

APACHE

60% Complete

PHP

60% Complete

MySQL

60% Complete
Style
Thumbnail Panel
PORTFOLIO
Thumbnail Well

© 2014 John Doe

All Rights Reserved

/* @Script: Custom Style Settings @Author: Jason Napolitano @AuthorURL: www.AJADMIN.com */ /* GOOGLE FONTS */ /* =================== */ @import url(http://fonts.googleapis.com/css?family=Poiret+One|Ubuntu|Lobster|Open+Sans+Condensed:300|Raleway|Play); /* Elements Styling */ /* =================== */ body{ /*Remove below line to make bgimage NOT fixed*/ background-image: url('//ajadmin.com/tools/templates/communifolio/images/backgrounds/hd-new-york.jpg'); background-attachment:fixed; background-repeat: no-repeat; background-size: 100% 100%; /*Use center center in place of 300 200 to center bg image*/ background-position: 300 200; } .well { opacity: .8; } .inner { background-color: #f8f8f8; border: 1px solid #e7e7e7; /* BORDER RADIUS */ -webkit-border-radis: 4px; -moz-border-radis: 4px; border-radius: 4px; padding: 5px; opacity: .9; } blockquote { margin-left: 15%; } .avatar-top-margin { margin-top: 72px; } /* SOCIAL ICONS */ /* =================== */ .fa-twitter-square { color: #555; transition: all ease-out .3s; } .fa-twitter-square:hover { color: #1E90FF; transition: all ease-in .3s; } .fa-facebook-square { color: #555; transition: all ease-out .3s; } .fa-facebook-square:hover { color: #104E8B; transition: all ease-in .3s; } .fa-linkedin-square { color: #555; transition: all ease-out .3s; } .fa-linkedin-square:hover { color: #6E7B8B; transition: all ease-in .3s; } .fa-google-plus-square { color: #555; transition: all ease-out .3s; } .g-plus:hover { color: #CD2626; transition: all ease-in .3s; } .pinterest { color: #555; transition: all ease-out .3s; } .pinterest:hover { color: #EE2C2C; transition: all ease-in .3s; } i { margin: 4px; } /* PANEL PROPERTIES */ /* =================== */ .box-title { font-family: 'Poiret One', Verdana; } /* PANEL BOXES */ /* =================== */ .fixed-panel { min-height: 450px; max-height: 450px; overflow-y: scroll; } /* PANEL HEADINGS */ /* =================== */ .panel-black { background-color: #000; color: #fff; border-color: #000; } .panel-red { background: #CD3333; color: #555; border-color: #CD3333; } .panel-darkred { background: #8B2323; color: #555; border-color: #8B2323; } .panel-purple { background: #8A2BE2; color: #e5e5e5; border-color: #8A2BE2; } .panel-orange { background: #FF7F24; color: #555; border-color: #FF7F24; } /* PANEL INNER SETTINGS */ /* ===================== */ p.panel-inner { padding-left: 64px; font-family: Poiret One; background-image: url('http://ajadmin.com/tools/templates/communifolio/images/avatars/me-icon.png'); background-repeat: no-repeat; background-position: left; background-size: 58px 58px; } /* CUSTOM MENU SETTINGS */ /* ===================== */ .nav-right-margn { margin-right: 10px; } .navbar-fixed-top { width: 100%; } /* PORTFOLIO SETTINGS */ /* ===================== */ /* GOOGLE MAPS */ /* ===================== */ #map_canvas { width: auto; height: auto; } /* FONT COLORS/SETTINGS */ /* ===================== */ .align-center { text-align: center; } .img-center { text-align: center; margin:0 auto; } .footer { font-size: 24pt; font-family: Poiret One; } .poiret-one { font-family: Poiret One; } .grey { color: #555; } /* FONT AWESOME ICONS */ /* ===================== */ /* FONT AWESOME MARGINS */ /* ======================= */ .fa-margin-right: { margin-right: 10px; } .fa-margin-left: { margin-left: 10px; } /* LOGO SETTINGS */ /* ===================== */ .main-logo { width: auto; } .padding { padding: 10px; } /* LOGO SETTINGS */ /* ===================== */ .logo-container { /* INSERT INFO */ } .nav-container { /* INSERT INFO */ } .about-container { /* INSERT INFO */ } .portfolio-container { /* INSERT INFO */ } .contact-container { /* INSERT INFO */ } .footer-container { /* INSERT INFO */ }/* @Script: Main jQuery Settings @Author: Jason Napolitano @AuthorURL: www.AJADMIN.com */ /* =========================== */ /* SCROLL-TO-FIXED */ $(document).ready(function() { $('#my-info').scrollToFixed(); $('#navbar').scrollToFixed(); }); /* END SCROLL-TO-FIXED */ /* =========================== */ /* =========================== */ /* SMOOTH SCROLL EFFECT */ $('a').click(function(){ //Upon a click... $('html, body').animate({ // Animate the HTML & BODY... scrollTop: $( $(this).attr('href') ).offset().top // With the SmoothScroll... }, 500); // For a duration of 500ms... return false; }); /* END SMOOTH SCROLL EFFECT */ /* =========================== */

Snip Comments

brom says Sunday, May 8, 2016 at 10:54 PM

wow