“Elegant Press” is a clean, minimal and modern website template. It is fast loading and cross browser compatible. It is created to suit all kinds of businesses. It is made using HTML5 and CSS3 and has inbuilt web fonts, along with working contact form, necessary jQuery plugins and much more. You are free to use it for your personal as well as commercial projects. It is released under New BSD License, read more about it here.
Features
- Uses HTML5 and CSS3.
- W3C Validated HTML5.
- Cross Browser Compatible.
- Working PHP contact form.
- Uses ChunkFive and Artifika, loaded from Google Web Fonts.
- Has essential jQuery plugins like prettyPhoto.
- Multiple layouts: Right Sidebar, Full Width, Gallery, Portfolio, etc.
- Read Me included.
- Totally Free! Released under New BSD License.
Preview(Click for larger image)
Latest Version: 1.2.1
- 1.0: Stable Version
- 1.2: W3C Validated HTML5
- 1.2.1: Minor Fixes
- 1.2.5: More CSS3 Properties
Awsomeness indeed!!! Fantastico dude! You definitely made my day!
Just one little remark: I like the way the zoom on title pushes the site downwards but what if I wanted it to zoom upwards and leave the content still? (reckoning it’s gota be in this js somewhere…)
…(unmatched list closing tag on line 47)…
Hi Emanuel,
Glad you liked it, for keeping the content still I will need to give absolute positions to the elements, I will surely do this in future versions of this template, it is done using CSS, therefore there is no JS.
I love how clean this is! kudos to you keep up the great work
Thanks!
I love the template and design, I would like to change the background color, am not finding it in the code where to that, is it possible?
Thanks
You can change it in CSS.
Great work .. Man .. Awsome .. I love u r work ..
You dont have a “dark” version of this do you?
Nopes.
Hi, thank you for posting this. I am moving from application development to web development and have really enjoyed working with this template. I am pretty new to web development and am working through understanding how the pieces interrelate. I have a question about adding a 4th slide on the index page. I have gotten the slide to display, but I am not getting the slide heading and other text to display with the new slide. Can you point me in the direction on what I can look for to correct this?
Thanks again! Great great work!
You need to have CSS for the fourth slide too, CSS will be same as that of earlier three slides.
Hi, I also had the problem with the fourth slide. I can see the picture now but not the text. I checked the CSS and it is the same like in the third slide, but it doesn’t work.
I think I found the area in the CSS file, in the jFlow 1.2 section. I tried a couple of things to copy a section of code, but I am having a difficult time isolating specifically the block that would repeat the the text blocks. This is the first time I have looked at any jQuery code and am not sure where the block would start and stop. Would you direct me to the correct position?
Please double check..
And the JS too.
Sorry, I was looking at the js, I am now looking at the css and hopefully will find the appropriate section. I apologize for my rookie mistake. Thanks again for publishing this template. It has been fun working through these pieces.
I think this is the wrong way.
http://alex-besler.co.de/images/jFlowControl_Slides.jpg
But : It works
Thanks!
It is correct, but it will give a W3C Validation error, it depends on you whether you care about it or not.
Its okay.
Finally I made it.
phew
Result here http://alex-besler.co.de/
Good.
Great desing !!! Cheers from México
Thanks!
Are you open to being paid to help me possibly tweak your template for a website I am working on?
I think what you’ve created is not only beautiful but sleek?
Hi, thanks again for publishing this template. It is fantastic! Quick question regarding the contact form, I am successfully getting the email sent to my account, though I am not opening a separate page stating an email was just sent. I am not getting a message of any kind in the page anywhere. Is there a mechanism in the php to send a message to the current page? If so, can you tell me what field or id I need to have in order for that to occur? I removed some items to suit my use and hope I did not remove the field the message would have been sent to if it exists.
Thanks again!
Yes there is mechanism to notify when the message has been sent and I guess you have removed it.
Hey, I have a question regarding the header section. In CSS when I try to put a background image in the header area, it shows up great in firefox but does not show up at all in safari and explorer. Also the header scroll over zoom does not work in explorer. I tried placing the background image in the header area but I cant get it to center, it either floats left or right… not center. I also tried stripping the header section all together, placing a 1 cell by 1 cell table on the top, and putting a jpeg logo image and the sucker STILL floats left or right, no center. This is being working on in dreamweaver CS5. THanks for any suggestions.
Umm, changing background image works flawlessly and many people have done it already. Please study a little about background CSS from here and here and then make sure you are doing it correctly.
I’ve had another web savvy person look at the site and they had the same issue. The problem occurs when i have the background image in the css, I can get it, when previewed, to look good on the firefox brower but IE and safari, the text shows but no background image. It seems like another rule may be overriding it, but it is not working. I love your template overall but this bug may make me use another lesser template.
I’ve had another web savvy person look at the site and they had the same issue. The problem occurs when i have the background image in the css, I can get it, when previewed, to look good on the firefox brower but IE and safari, the text shows but no background image. It seems like another rule may be overriding it, but it is not working. I love your template overall but this bug may make me use another lesser template.
I think i have narrowed down the issue and perhaps this is something you can help me… dreamweaver is wanting to create a seperate “root folder” for this site (hence placing certain links such as the image for the header) in the new root folder, so the browers cant find it. How do you make dreamweaver, from the downloaded folder you supplied, accept that as the root folder, OR, how do you adapt your files to work with the new “root folder”.
I think i have narrowed down the issue and perhaps this is something you can help me… dreamweaver is wanting to create a seperate “root folder” for this site (hence placing certain links such as the image for the header) in the new root folder, so the browers cant find it. How do you make dreamweaver, from the downloaded folder you supplied, accept that as the root folder, OR, how do you adapt your files to work with the new “root folder”.
I dont mean to be a pain. I figured out the root folder issue, got it up on my server for testing… it looks great so far in IE 9, firefox, safari, chrome etc… however IE 8 is not showing the logo on the background image via CSS… I read of problems with IE 8 and CSS3… I can provide you a link to the site online and or send you the css and html file for you to review if you need or can recommend something? If it cant get it working on IE8 maybe integrate the logo in the marquee? Any advise would be appreciated
The website is supported by IE9+ only.
Anyways, url of live site?
I love this template and am using it for a client. I have 2 questions that i just cannot figure out… I have looked and looked at the css.
1 – Is it possible to make the slider on the home page less than 350px in height?
2 – Is it possible to speed up the slider? I do not know java script and am lost there.
1 – yes, but change the CSS also.
2 – yes, in this line > clearInterval(timer);timer=setInterval(function(){$(opts.next).click();},10000);}}
Time in miliseconds…
nice one….heeheh
Thanks!
Dear Sir, Pritesh Gupta
This is a great job. Congratulation and let me say you are a kind an Social man and take care.
Just to inform you that I have tried to connect from the Iphone BUT the “PrettyPhoto” Slide Feature seem to not be CENTERD on the Iphone Screen. You need to ADJUST the setting for the Iphone, Windows Mobile or Samsumg Mobile screen.so that when you clic on, the screen become centerd.
This can be a pretty nice update.
Best Regards;
Jose in Paris
Okay, I will take care of that!
Glad you liked it.
Hello,
Just an update, when you use an Iphone and when you try to resize the screen of the “PrettyPhoto”, the screen can not be centered. The best thing to do is when you Zoom the PrettyPhoto Screen, it should take the entire SIZE of the mobile phone. This can be an Iphone, Windows 7 or Ohter brand.
Could you please help on this.
Regards,
Jose
Hi!
Thanks for a great template! I have been working on it for a little while, adding my own elements, and using this as a photographic portfolio so to speak.
My question is, when I add photographies in the sub-gallery, (Gallery-xxxgallery.html) and open them in your beautiful slideshow, the thumbs are all off. They don`t seem to respond to the thumb used in gallery preview, but instead the full version, making the thumbs cropped and not centered as I would like.
Any way I can get them to respond to the thumb`s, not the full version? Or eventually, do you have a script in the template to let me make individual thumbs for the slideshow and then add them in the “img src” as “/images/slide_thumbs/xxxxxx.jpg”?
Thanks! =)
Hi,
How are you.
I would like to show Video Clip when I Clic on a Gallery image. How to do this.
Thank so much for your feedback.
Regards
Hello,
Love the template I was just wondering if it is possible to change the size of the images so they can be smaller thumbnails in the portfolio. I am working on an assignment for a class and I am required to have smaller thumbnails in the portfolio.
Thanks,
Robert.
Read here http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ :-)
Yea, of course doable.
How would I do that?
Why is it that it shows correctly in every browser, but in internet explorer the slides don’t work anymore and the complete layout is messed up?
Because it is Internet Explorer, though it works fine with IE9+.
Mr. Pritesh Gupta. This looks beautiful. thank you for taking the time to build it and share it with us. how did you design it so well? the idea? it’s so beautiful. I need to create a web portfolio because i’m job hunting. it is ok to use this template and change it around a bit? Thanks again!