Born Again - A Responsive One Page Portfolio HTML Template
Create a Unique Portfolio
Build a portfolio that grabs peoples attention with this unique design. Born Again is a stylish, creative portfolio template that is fully responsive and retina ready. Its easy-to-edit CSS files make changing the colours, fonts, background images and pattern overlays a doddle!
Features
Retina Design – Born Again has been optimized to take advantage of retina displays like those found on iOs devices like the iPhone5.
Responsive Layout – View on your phone, tablet or desktop, this theme looks great on all. Scan the QR code above and see for yourself!
Custom Design – Have your own custom colours in each section along with image and pattern overlays to really make it stand out.
Conact Form – A Fully Working Ajax contact form is included with client side validation.
Cross Browser Friendly – Works on all major web browsers including IE8.
Support – Support is always available and I’d be happy to help in any way I can. Simply leave a message in the comments section (this is best because everyone can benefit) or if you require more specific help and/or modifications then contact me via my profile page.
Sources & Credits
Icons
Images
- Please note that all images in the live preview are from Photodune.net and are NOT included in the download package.
CSS
Javascript
Plugins
Various form inputs such as select radio check-boxes are not showing as per the theme.
ReplyDeleteReally a great them.
ReplyDeleteBut I have following problem
Please take a look at SELECT OPTION box
Hi,
ReplyDeleteAdd “select” to the list of form elements so that it gets styled the same way as the other elements.
e.g. #contact-form select in the list of CSS declerations.
<h2><img class=”hover_effect” src=”assets/images/icons/big_icon_04.png” width=”140” height=”140” alt=”Podium Icon” />Custom Text</h2>
ReplyDeleteThe text “Custom Text” is not aligned beside the image.
Hi amoltrans,
ReplyDeleteMy apologies, but what exactly are your questions?
All images except image 3 are taken from actual coding
ReplyDeleteProblem: Heading text and image are not aligned. image 1
Problem: I’ve tried using align=”left” property to img tag. But the image get left aligned and all the tags appears as shown in image 2
The H2 Text aligns to bottom of the icon image.
Solutions: The H2 Text should appear aligned right to the image. image3 . I’ve created this image MANUALLY using photoshop
The markup you provided is all wrong. It should be something like this:
ReplyDelete<img class="”hover_effect”" src="”assets/images/icons/big_icon_04.png”" width="”140”" height="”140”" alt="”Podium" icon="" />
<h2>Custom Text</h2>
Would it be possible to add a couple of features, (or give the code for these):
ReplyDelete1. Mobile menu: make this disappear/retract when clicking / touching anywhere outside the menu?
2. Make the mobile menu ‘stick’ to the top, just like the desktop version does?
I’ve been looking for a long time for a suitable design and I think this fits the bill, so I’ll buy it anyway, but these 2 improvements would be perfect!
Hi George11,
ReplyDelete1. Yes, this should be possible with some jQuery tweaks in the custom script.
2. Again, should be possible with some CSS tweaks
Thanks for your interest
Thanks for the positive reply. Would you be able to share those tweaks with us?
ReplyDeleteSure, it’s quite simple:
ReplyDelete1. Open jquery.custom.js and find line 56 where it says ”// Mobile navigation menu”. Replace this part with this code:
// Mobile navigation menu.
$('html').click(function(){
$('#navigation').slideUp( 800 , 'easeOutBounce' );
});
$('#mobile_menu').click(function(e){
$('#navigation').slideToggle( 800 , 'easeOutBounce' );
e.stopPropagation();
e.preventDefault();
});
2. To maintain the sticky menu on mobile, open css > media.css and remove or comment out thesse lines (lines 122 – 123):
body { padding-top: 0; }
#page_header { position: static; }
#page_header_after { position: absolute; }
Done a quick test and seemed to work well
Hope this helps,
Cheers!
That’s superb. Thanks so much!
ReplyDelete