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

Share on Facebook Share on Google
Share on LinkedIn Share on Twitter

Tags

ajadmin fgdg portfolio showcase snip snippet

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
HTML box
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
Style
Thumbnail Panel
LOCATION
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