Delphic – Free HTML Template (UPDATED!)

Delphic is a clean and minimalist HTML template that is convenient to use as an online creative portfolio. And it is totally free!

Now it includes new features:
Patterns • Fonts • Working contact form • Vertical carousel • Horizontal carousel • Cycle Slider • Blog page • Single portfolio post • Tabs • Toggle • Rich styling options… etc.

Download File Live Preview Dark Version

14 Apr 2011
30746 Downloads
HTML / 6.1 MB
HTML Templates
106 comments

106 Comments

Giacomo Colddesign April 14, 2011 at 12:24 pm

Very useful.. Thanks!!!!

Reply
- elemis April 14, 2011 at 12:31 pm
  
  Our pleasure ;)
  
  Reply
Bhanu April 14, 2011 at 2:44 pm

Very nice. Last week only I bought your Locus one templete. This looks very similar. If this post has come last week i would have saved 12$ :( But anyways its worth busying….You rock “Elemis”. I love the design…very minimal and yet elegant.

Reply
- elemis April 15, 2011 at 11:23 am
  
  We’re glad to hear you like the template. However, we’d like to note that “Locus One Page Template” is a lot different than Delphic. It has skin choices, a working contact form and lots of different features with a bonus “3D style” version. Portfolios are similar but filterable portfolio is a trending feature in Web Design nowadays.
  
  Reply
Fahed April 15, 2011 at 5:39 pm

Great work ,i love what u do , and i hope i see more works to learn from you .
Thanx so much :) .

Reply
- elemis April 15, 2011 at 9:01 pm
  
  You’re welcome. It’s our pleasure ;)
  
  Reply
cipri April 15, 2011 at 9:00 pm

THX !!!

Reply
Kristen April 17, 2011 at 9:48 am

I’d like to remove the “info” and “link” button that appears when you hover over the top image on the home page. I don’t need them but am not sure how to remove them.

This is a great template by the way – Thank you!

Reply
- elemis April 17, 2011 at 11:09 am
  
  Hello,
  
  Open “piecemaker.xml” file and then remove “Text and “Hyperlink” from 2nd and 4th slide.
  
  Reply
  - Kristen April 17, 2011 at 11:46 pm
    
    Thanks so much! I love this template and it was exactly what I was looking for. I did have a couple other questions if you have the time, if not I understand.
    
    Is there a way to make one of the galleries password protected on the portfolio page?
    
    I would also like to make some of the portfolio pictures double in length since we have some “portrait” style one that won’t fit in the current boxes. Is there an easy way to do that?
    
    Again, thank you so much for the quick response!
    
    Reply
    - Kristen April 18, 2011 at 7:59 pm
      
      Actually, I figured out the “double length” question. I still would like to know if there is a way to password protect one of the galleries on the page if you have a few moments.
      
      The site I am using your template for is http://www.bodhiphotography.com – Thanks!
      
      Reply
ffkk April 21, 2011 at 12:30 pm

i have to say that all your work is very clean and professionnal.
but actually, i don’t really understand the licence… could you please give more details about it ?
thank you

Reply
- ffkk April 26, 2011 at 8:44 pm
  
  Wasn’t sure… Thanks :)
  
  Reply
gre May 13, 2011 at 10:35 am

hi elemis,

may i convert it to blogger version template and shared for free?

thanks in advance.

Reply
- elemis May 13, 2011 at 12:32 pm
  
  Yes you may convert it to a blogger template and share for free under the condition of linking back to here, the resource page.
  
  Reply
Delphic – Free HTML Template | Web Resources Camp May 14, 2011 at 11:08 am

[...] Download [...]

Reply
WeSiRe May 14, 2011 at 11:24 am

thanks for this beautiful template!
Grats

Reply
- elemis May 14, 2011 at 11:35 am
  
  You welcome ;)
  
  Reply
Darwin May 17, 2011 at 5:03 pm

hey, great work!!!
love it!!!
thank you.

Reply
- elemis May 27, 2011 at 6:15 pm
  
  Thanks, you’re welcome ;)
  
  Reply
sajin May 26, 2011 at 12:29 pm

Hi,

Nice work… Very useful.

Reply
- elemis May 27, 2011 at 6:15 pm
  
  Thanks :)
  
  Reply
lulu May 27, 2011 at 5:16 pm

Lovely Template ! I am using it for my page and thats’s cool ! Thanks !

Ps : Where can i change the destination mail of the form ?
Thanks again !

Reply
- elemis May 27, 2011 at 6:13 pm
  
  Thank you ;)
  
  The theme doesn’t have a working contact form. You need to add php script to make it work. You can use this contact form: http://www.brightcherry.co.uk/scribbles/2008/12/11/ajax-jquery-contact-form-with-validation/
  
  Reply
  - lulu May 28, 2011 at 11:07 am
    
    OK i will try that.
    Last question, how can we accelerate the slideshow in the piecemaker please ?
    Thank you very much
    
    Reply
    - elemis May 28, 2011 at 11:36 am
      
      Please change “time” and “delay” values of transitions in piecemaker.xml
      
      Reply
TeginGraphics May 30, 2011 at 3:38 pm

Çalışmalarnız çok güzel.Devamını dilerim.

Reply
- elemis May 30, 2011 at 9:21 pm
  
  Çok mersi ;)
  
  Reply
elemis June 1, 2011 at 8:53 pm

Hi,

Thanks for your nice comment. We used jquery quicksand plugin in the portfolio and you can use it in your commercial project. For plugin: http://razorjack.net/quicksand/index.html

Reply
SiGa June 1, 2011 at 10:34 pm

Many thanks, elemis, for the fast reply and the information! Keep up the great work, wish you good luck!

Reply
NoBikfie June 6, 2011 at 4:24 pm

Thank you so much! You’re great!

Reply
Michael June 7, 2011 at 2:34 am

thank you very much, i love your style and designs, i am definately bookmarking your site!

Reply
pako June 12, 2011 at 12:32 pm

Es una pagina muy hermosa, sin duda un excelente trabajo Muchas gracias.

Reply
- elemis June 12, 2011 at 3:42 pm
  
  Muchas gracias ;)
  
  Reply
Çağdaş Ça June 16, 2011 at 11:41 am

Arkadaşlar ellerinize sağlık, çok müthiş bir tasarım ve kodlama. Bilgisayar Öğretmeni arkadaşlarımla inceledik, hayran kaldık. Harikasınız.

Reply
- elemis June 16, 2011 at 2:32 pm
  
  Çok mersi yorumunuz için ;)
  
  Reply
yogiscoolio June 17, 2011 at 6:53 pm

Stunning.. best for my upcoming portfolio.. thanks.. ;)

Reply
- elemis June 17, 2011 at 11:11 pm
  
  Thank you :)
  
  Reply
Polat June 18, 2011 at 9:37 pm

yorumlardaki Türkçe yanıtları okuduğumda herhalde Türk arkadaşları var ona çevirtiyorlar diye düşünmüştüm about kısmını okudum sonra. bir Türk bu kadar kaliteli iş yapar ama yaptığını paylaşmaz gibi bir önyargım vardı siz bunu yıktınız:)

Başarılar

Reply
- elemis June 19, 2011 at 5:02 pm
  
  Çok teşekkür ederiz yorumunuz için ;)
  
  Reply
Sedat Çakır June 23, 2011 at 5:56 pm

gerçekten harika paylaşımlar var takdir ediyorum ve halen bu sitenin bir Türk’e ait olduğuna inanamıyorum..

Reply
- elemis June 24, 2011 at 9:34 am
  
  Çok teşekkür ederiz yorumlarınız için.
  
  Reply
Orhan June 23, 2011 at 11:10 pm

Çalışmalarınızın kalitesinden bahsetmeye gerek yok sanırım,çünkü yorumlar konuşuyor zaten.Ben bu temayı test amaçlı bir çalışma yaparak kullandım fakat siteye ilk girişte cuber slider çalışmıyor.Site de herhangibir sayfaya girdikten sonra index e girdiğimde çalışıyor slider.Acaba bunun nedeni nedir.Bir de türkçe karakter sıkıntısı yaşıyorum sanırım. Charset UTF8 yazıyor ama.Onu değiştirdim düzeldi galiba.Ama bazı tarayıcılarda halen daha sıkıntı var gibi.Teşekkür eder,çalışmalarınızın devamını dilerim.

Reply
- elemis June 24, 2011 at 9:44 am
  
  Çok mersi yorumlarınız için. Piecemaker slider için sitenizi görmeden bir şey diyemeyiz. Belki flash sürümünüz eski olabilir. Belki de bir şeyleri eksik yapıyor olabilirsiniz.
  
  Font konusunda ise sitede kullandığımız fontun Türkçe karakter desteği olmayabilir. Buradan http://www.fontsquirrel.com/fontface/generator istediğiniz fontun (Türkçe karakterleri destekleyen) kit’ini yaratıp sitede kullanabilirsiniz.
  
  Reply
Dinesh June 29, 2011 at 11:10 am

Hi!, good one. I like how the content is being arranged on the design.
It’s beautiful.

Reply
Viji July 5, 2011 at 3:58 pm

Hi Elemis,

Really Nice works to be shared, and so useful, Thanks a lot!!! :)

Reply
Shuvo July 14, 2011 at 10:52 am

Hello

Thanks for the awesome template. How do I add more than 4 slide?

Reply
Shuvo July 14, 2011 at 11:17 am

Never mind. Figured it out!

Reply
Shuvo July 15, 2011 at 3:22 am

How does the Contact Form work? I can’t find where should I put the receipent’s email address and when I trying contacting it doesn’t give me any confirmation.

Reply
- elemis July 15, 2011 at 11:41 am
  
  The theme doesn’t have a working contact form. You need to add php script to make it work. You can use this contact form: http://www.brightcherry.co.uk/scribbles/2008/12/11/ajax-jquery-contact-form-with-validation/
  
  Reply
May July 25, 2011 at 9:39 pm

i think its important to not leave and use the template without saying :
T H A N K Y O U !!!
really thank you ..

Reply
- elemis July 25, 2011 at 10:19 pm
  
  It’s our pleasure :)
  
  Reply
Mauro July 29, 2011 at 1:18 pm

hi, what´s the function (if possible) to run the info (cube rotation) by clicking one of the 4 images button besides de info ball on the image?? many thanks

Reply
- elemis July 29, 2011 at 2:34 pm
  
  Hi,
  
  Unfortunately it’s not possible.
  
  Reply
lulu August 1, 2011 at 7:57 pm

Very nice!! :-)

Reply
- elemis August 3, 2011 at 9:55 am
  
  Thanks a lot :)
  
  Reply
antreas August 9, 2011 at 10:57 am

very nice template.. awsome!!!!

Reply
Simon clavey August 13, 2011 at 10:59 am

Really nice portfolio sorting, I have one very similar but yours is a lot smoother I think I may have to revise mine and have a look how yours is done.
Thank you very much

Reply
Pablo Cabello August 16, 2011 at 10:16 pm

Very nice, thx for all

Reply
Daniel August 22, 2011 at 8:36 am

Love the template! I tried using the link you gave above for the working contact form:
http://www.brightcherry.co.uk/scribbles/2008/12/11/ajax-jquery-contact-form-with-validation/

For some reason this link no longer exists. Do you have another suggestion on a contact form that will work with this template?

Any help would be greatly appreciated! Thanks!

Reply
- elemis August 22, 2011 at 10:51 am
  
  You can check these resources:
  
  http://www.bitrepository.com/a-simple-ajax-contact-form-with-php-validation.html
  http://cssrevolt.com/upload/files/protoform/
  http://tympanus.net/codrops/2010/03/12/php-mysql-contact-form-with-jquery/
  
  Thanks.
  
  Reply
Andrew September 17, 2011 at 2:52 pm

Hey , on the contact page at the bottom there is the twitter feed how do i change it to my twitter

Reply
- elemis September 17, 2011 at 7:07 pm
  
  Please open the contact.html and change the twitter id. (instead of “elemisdesign”)
  
  Reply
Andrew September 18, 2011 at 1:54 am

Thanks ,
Is there a chance you could release the blog type thing from Locus you know the News thing as that could be used as a blog alternative in Delphic think it would make a great replacement for the others page , if not could you point me in the direction for a blog type script or one similar to the one in locus i could use just nice and simple … like locus :)

Thanks

Reply
Andrew September 18, 2011 at 4:40 pm

Can i have the logo.psd as well thanks bro

Reply
Murat ÇAKIR September 29, 2011 at 2:47 pm

inanması güç ama bir türkün bu tarz tasarımlara imza atması imkansızı başardığınızın kanıtı herhalde ellerinize sağlık süpersiniz

Reply
- elemis September 29, 2011 at 5:01 pm
  
  Çok teşekkür ederiz güzel yorumunuz için :)
  
  Reply
The One September 30, 2011 at 2:56 am

Great Work :)

I really appreciate the hard work and efforts you people put for collecting and organizing such resources..

I wish best of luck to your team!

Reply
- elemis September 30, 2011 at 9:34 am
  
  Thank you so much for your kind words :)
  
  Reply
kundan Singh November 13, 2011 at 4:43 pm

awesome template thanks for the great template
i am sharing your link in our website

Reply
- elemis November 13, 2011 at 5:12 pm
  
  It’s our pleasure and thanks in advance for sharing :)
  
  Reply
Zeeshan November 18, 2011 at 5:11 pm

Amazing Theme … Wish you have some more themes like that !

Good Job Thumbs UP !

Reply
Persistencekid November 22, 2011 at 6:19 am

Hey,

Great Job on the site! I have a question are you able to modify the gallery in the portfolio section to “save as” picture when its enlarge?

Thanks

P.K.

Reply
- elemis November 22, 2011 at 10:17 am
  
  Hi,
  
  Unfortunately there is no setting to enable “save as” option in prettyphoto. If this option is really important for you, we can recommend you to use fancybox instead of prettyphoto: http://fancybox.net/
  
  Reply
  - Persistencekid November 25, 2011 at 5:33 am
    
    Thanks!
    
    I used Fancybox, it worked out great!
    
    P.K.
    
    Reply
winsa November 26, 2011 at 1:12 pm

Bunu bir türk mü yaptı, içimizde bu kadar yetenekli kişiler var galiba :)

Reply
IT & Business January 16, 2012 at 10:13 am

Very good template. I just love this.

Reply
Mohit January 25, 2012 at 8:35 pm

great template. simple, clean, minimal and professional. Good job, thanks for sharing.

Reply
Bulletz January 28, 2012 at 7:06 am

Hello,

Great examples! Thanks! However, I’m still not sure how to get the contacts page to send email. Am I missing a script in the download package?

Thanks!

-Bulletz

Reply
- elemis January 28, 2012 at 12:44 pm
  
  Thank you ;)
  
  The theme doesn’t have a working contact form. You need to add php script to make it work. You can use this contact form: http://www.brightcherry.co.uk/scribbles/2008/12/11/ajax-jquery-contact-form-with-validation/
  
  Reply
solitomino March 3, 2012 at 4:21 pm

Thank you for template.

DELPHIC – FREE HTML TEMPLATE is free for personal and commercial use (with copyright declaration of course)

thanks

Reply
Pradeep March 14, 2012 at 10:37 am

Hello Elemis, fils of all thanks for this Awesome Template…

I’m using you Template for my site http://pradeepbheron.com I have done some Changes, Please visit and tell me if I’m doing any thing against your template Licence, at the footer of website I added you site link back and done small editing in jquery.prettyPhoto.js file to remove thumbnails when any work is Opened, let me know soon as possible, then I complete my editing…

Thanks

Reply
- elemis March 14, 2012 at 2:09 pm
  
  Hi,
  
  There is nothing against licence :)
  
  Reply
Barry March 14, 2012 at 12:10 pm

I worked it out…thank you again

Reply
Silvia March 24, 2012 at 9:52 am

Adoro alla follia il tuo stile. Scarico or ora e utilizzerò questo modello di template per personalizzare il mio sito portfolio. La grafica avrà delle modifiche ma la base html rimarrà intonsa. Ci sono delle restrizioni a riguardo? Grazie mille!

Silvia

Reply
yun azmi haris March 25, 2012 at 2:59 am

thank you so much…what a beautifull work.it’s helpfull..

Reply
leo limo March 26, 2012 at 2:46 am

Awesome! is this something I could use partly for a client?

Reply
- elemis March 26, 2012 at 9:50 am
  
  Thanks. Yes, you can :)
  
  Reply
  - leo limo March 27, 2012 at 3:54 am
    
    Duuuude! you’re awesome!!
    
    Reply
    - elemis March 27, 2012 at 9:20 am
      
      Thank you :]
      
      Reply
Sander March 26, 2012 at 8:19 pm

Awesome theme. But when I want to install it to WordPress it says it can’t install because of a missing file (style.css stylesheet). CAn someone please help me? I guess it doesn’t work because I am a total noob with this stuff.

Reply
- elemis March 27, 2012 at 9:19 am
  
  Hi,
  
  This is an HTML template not WordPress theme.
  
  Reply
Sander March 27, 2012 at 9:40 am

Too bad. It looks really great!

Reply
Meriandree April 4, 2012 at 1:50 pm

Çok güzel bir çalışma ellerinize sağlık.

Yalnız bir sorum olacak mümkünse acaba Portfoliodaki All tabı olmadan o şekilde bir galeri yapmamız mümkünmü codları inceledim ama düzeltemedim.

Şimdiden teşekkürler

Reply
- elemis April 5, 2012 at 9:17 am
  
  Teşekkür ederiz.
  
  All tabını kaldırmak için quicksand plugininde değişiklik yapmanız gerekiyor.
  
  Reply
Mat April 5, 2012 at 2:43 am

Thanks for the awesome theme. I am hoping to use this theme to re-work my company site. On the Contact page, I was wondering if you could help me figure out how to make my last tweet appear, as yours does. I have my twitter handle up on the page, but the last tweet shown is yours. Where is this edited?

Reply
- elemis April 5, 2012 at 9:26 am
  
  Hi,
  
  Thanks. Please open the contact.html and change the twitter id with yours (on line 20).
  
  Reply
Pablo Elices April 16, 2012 at 8:14 pm

What is the font used in the logo?

Cool template ;)

Reply
- elemis April 17, 2012 at 10:22 am
  
  It’s Mido: http://www.fontsquirrel.com/fonts/Mido
  
  Reply
  - Pablo Elices April 17, 2012 at 12:26 pm
    
    Currently I’m using this template in a project, very useful, thanks :)
    
    Reply
Serkan YAZI April 18, 2012 at 9:11 pm

harika….
Ellerine sağlık.
Merak ettiğim birçok şey zaten burada yapılmış.
Öğreneceğim çok şey var senden.
Paylaşımın için Teşekkürler. Çalışmalarının devamını dilerim.

Reply
- elemis April 19, 2012 at 9:16 am
  
  Çok mersi yorumunuz için. Umarız işinize yarar :)
  
  Reply
Ryo May 3, 2012 at 4:39 pm

hi,

great theme, is it possible to know which values you used to create the shadow for the header and footer images (with photoshop) ?

many thanks,

Ryo

Reply
- elemis May 4, 2012 at 11:07 am
  
  Hi,
  
  If you can send us an email via contact form http://elemisfreebies.com/contact/ , we can send you the psd file.
  
  Reply
Collz May 14, 2012 at 12:23 am

How do you get the scripts to work?

Reply
- elemis May 14, 2012 at 10:50 am
  
  Which scripts?
  
  Reply