Translate

من يرغب في ارسال

من يرغب في ارسال اي مقال يمكنه المراسله علي الاميل goreg12@gmail.com

عنواين الرئيسيه

كشف حقيقة التربح غير المشروع لجمعيات الاسكان التعاونى وتوظيف الاموال ؟ جمع الاموال لمشروع بناء وهمى على ارض محل نزاع قضائى على الملكيه ؟-رسالة من أحد ضحايا كشف الفساد المالى والإدارى -فراد أسرة النائب العام متوغلون في إدارة شركات مكتظة بالفساد المالي -المهندس شريف سوسة رئيسا لشركة بدر الدين للبترول. -إهدار4 ملايين جنيه بشركة بدر الدين للبترول -فساد بـ4 ملايين جنيه بشركات البترول بمطروح-مذكره التي اثارت غضب بعض الافراد من شركه بدر الدين...

www.alarabiya.net

/www.islammemo.cc

الأربعاء، 23 يوليو 2014

Simplex Design blog : 7 Critical Errors Your Web Design Could Be Hiding

Simplex Design blog : 7 Critical Errors Your Web Design Could Be Hiding

Link to SimplexDesign - free blogger template

7 Critical Errors Your Web Design Could Be Hiding

Posted: 23 Jul 2014 12:13 AM PDT

So you have a website that brings you compliments by the dozen on a regular basis? You are proud of the aesthetic elements it sports and are happy with the conversions that it gives your business.
But what if I told you that it could all be even better? You could improve your conversions and build your brand cachet by avoiding some fundamental, yet often overlooked mistakes that plague most website designs?
Sounds interesting? Read on in that case!

1. Not Browser Agnostic

In our bid to make our website design as aesthetic as possible, we sometimes overlook the fact that the need to be functional is sometimes more important than the need to be aesthetically pleasing. Many web designers create their pieces of art with only the most popular or worse, their personal favourite web browser in mind. A common suspect that often gets left out is IE, especially older versions of it.
Don't make this rookie mistake. You don't want to be a 'browser racist' and close the doors of your site to users who use less popular browsers. Write browser agnostic code that works equally well on all browsers. Avoid including special plugins like ActiveX on certain browsers to avoid compatibility issues. Most importantly, carry out regular tests of your site on various versions of each browser family to ensure it displays well on all (or most) of them.
Better still, opt for drag and drop website tools like IM Creator or Wix that will automatically take care of these browser compatibility issues for you. Creating a level playing field will maximize your opportunities of converting a potential customer using any particular browser.

2. iFrames, Flash and Shoddy CSS

Try and avoid using iframes as much as you can – they load poorly on many browsers and slow down the site load time considerably. If you must use iframes, make sure they are titled to ensure the user knows what it's about even if it does not load.
Flash is another idea whose time is past. Not only does HTML5 do a much better job of what flash can offer your website, it is also compatible across browsers and devices, unlike flash. No other option for this – just avoid it.
CSS with its deceptively simple looking code, can sometimes confound browsers on how to display your website correctly. Avoid lazy CSS coding like using color names instead of the exact hex value of the colour you want to use or not having fall back fonts for older computers that don't have that exact font you selected installed on it. Doing this prevents putting control of the how your website looks to the mercy of a web browser and keeps it firmly in your hands.

3. Messed Up URL Structures

Creating logical URL structures with categories, sub categories and product names/ IDs showing clearly helps not just the user to navigate better around your site using it or to pick your site from a SERP, it also helps improve rankings by guiding search spiders with clear instructions on what the page is all about.
A URL structure that looks like this is what you need to avoid:
http://www.overstock.com/search?keywords=&taxonomy=cat4541&sortOption=Top+Sellers
Something that's closer to this is what you want to aim for: http://www.sugarcrm.com/products/marketing

4. Contact Details Not Visible

Many e-commerce companies shy away from giving out too many points of contact apart from their 1800 – toll free number in the fear of being plagued by customer calls and messages constantly.
Bad idea. When you put up your contact details upfront where any customer can see them, it instils faith in a customer's mind that you are reachable should anything go wrong with the purchase.
Non-ecommerce companies must have their contact number and / or email IDs displayed prominently upfront to get more leads and convert the ones that were already far along the sales funnel.
This could be better:

This is what you need to do:

5. Social Sharing Missing

Social media is the lifeblood of the internet today. Most people spend more time on social media than on any other online pursuit. Sharing cool finds online with their peer network makes people feel important and appreciated.
Feed into this basic human need for appreciation by bringing social media onto your site. Ensure every page on your site has social sharing buttons to enable quick sharing. Also, in case of e-commerce sites, allow sharing product level images and information to create social conversations about your product and brand.

6. Search Bar Not Easy to Find

This is a true irony if there ever was one. When customers have something very specific in mind, they prefer to simply type it in, into the search bar than navigate through the different sections of your site hunting for what they want.
No matter how well designed your navigation is, invest in a search bar in a prominent location on your site. If you think your design does not permit you to have a full-fledged search bar, use a collapsible search bar that serves the twin purposes of saving space and offering regular search capabilities.

7. Fonts Not Readable

While web designers spend hours mulling over the best layout or the most effective color combinations; they give little thought to the typefaces they'll be using across the site.
With most websites, 80% of the content is in text form. So if your website has to convey information efficiently, it has to have clear, legible, yet attractive fonts that communicate crystal clear to users.
The size of the fonts used is a another matter of concern oft overlooked. For best readability, use 16 pixels at least for your web copy, as per studies conducted on the subject.
Space out your text well enough to prevent cluttering your core message by overcrowding it out of comprehension. Use contrast in choosing your font colors vis-à-vis the background you picked for the site. A combination of dark colored font against light colored backgrounds works best from a readability perspective.

Am I Missing Something?

Web design does not have to be rocket science. With a little bit of care and a lot of patience it is definitely possible to create and market winning web designs. The next time you do a site audit or when you're building your site from scratch, make sure you don't make the silly but significantly important errors I pointed out above.
Do you know of more such design faux pas that we unwittingly hardwire into our sites? Share your ideas here and help the rest of the community develop their skills and design more efficient websites that have the added advantages of being easy on the eye while still being user friendly.

About Guest Blogger

 Lori Wagoner is an independent content strategist who gives online marketing advice to small businesses. Lori has blogged at Tweak Your Biz, The Social Media Hat and many other business and tech blogs. You can reach her @LoriDWagoner on Twitter.

الاثنين، 14 يوليو 2014

Simplex Design blog : 11 Signs of Lazy Web Design

Simplex Design blog : 11 Signs of Lazy Web Design

Link to SimplexDesign - free blogger template

11 Signs of Lazy Web Design

Posted: 14 Jul 2014 02:57 AM PDT

We have come a long way from the time when artists used to paint with water colors and brushes. Then their web designer descendants picked up the mouse and battled with technology to create rudimentary websites in the 90s. Today slick, stunning websites are only a few drags and drops away. With no artistic skills, no web development chops, and just WYSIWYG editors, everybody has turned into a budding designer.
Though HTML5, CSS, source code packages and so-called Dreamweavers have made our digital lives much simpler, they have also made us lazier. The attention to detail that the early web developers gave to each line of HTML code, each frame they created for a website, each color and font that they handpicked for their pet projects, is sorely missed today. Here's a look at the top 11 signs that you're a culprit of lazy web design.

1.    Helvetica

Now that Helvetica has been anointed as the 'it' typeface for digital applications by leading design gurus, designers or wannabe designers no longer bother experimenting with what typefaces will suit their site or brand the best.
It's a blind beeline towards Helvetica, hence diluting the charm of that once singular typeface.

2.    Stock photos

Each time you stumble onto a site with two people in business suits smiling and shaking hands with each other, you can rest assured the designer has not bothered to venture beyond the first page of Getty Images or ShutterStock for their image needs.
Yes, stock photos are necessary and way cheaper than a custom photo shoot, but there's a whole world of brilliant stock images out there. If you only care to look around. Check out Pixabay or Gratisography for some stunning free to use images.

3.    Boring layouts made from templates

With the same 5 templates from WordPress doing the rounds everywhere you turn, there IS such a thing as too much of a good thing. It may be tempting to pick a readymade, popular template for the layout of your website. Saves time, saves effort. Often it's free so it even saves you some money.
But think about it like a visitor. Would YOU seek out a site that looks exactly like thousands of others on the net or would you rather spend your time on a uniquely designed, information rich site?

4.    'Click here'

Probably the most overdone button in the history of the internet, 'Click Here' has the unique distinction of being wildly popular in spite of conveying almost no real call to action to the user.
Ditch this lazy option for more descriptive buttons that actually tell the user what to expect once they click on them. Something like 'Proceed to Checkout' or 'Download Now' convey a message while still providing the click functionality.

5.    Auto-play music and videos

Videos are a popular feature of many websites, even on the home page. While there's absolutely nothing wrong with that, as a designer, you must respect the fact that most users are multi-tab, mobile internet users who are probably at work or on a bus or a train while accessing your website.
Embarrassing them with loud sound that starts by itself when your site opens up is a 100% fool-proof way of ensuring that they close your site tab as soon as they possibly can.

6.    Large blocks of text

Sure, your job is to design; not write copy. But the final product – the website – is entirely your baby, right? In that case, drop your laziness and READ the copy before pasting it mindlessly into your web design.
Prune the copy to make it more readable. Adapt it to suit your design. Better still, adapt your design to suit the copy.

7.    Overuse of animation

Flash intros were not popular with customers even in the era when they were widely used across many websites. They were slow to load, conveyed little or no information and used up precious bandwidth in the pre-broadband age.
Drop your flash intros today. They're outdated, tacky, do not play on Apple devices and do not add any real value to your site.

8.    Endless checkout process

A checkout process that meanders all over the place, asks for the same information twice (first billing address, then shipping address), asks for useless, irrelevant information is a checkout process into which very little thought was put into, from a design perspective.
In an age where there are ultra-simple iPad based POS systems like Vend in real world stores, having convoluted checkout processes in an ecommerce set up is unforgivable.

9.    No mobile version, non-responsive design

With smartphone access to websites now officially overtaking access from desktops, not having a mobile version of your site is simply irresponsible. The ideal scenario would be a responsive web design which works great across all devices, but the very least in this case would be a mobile optimized site at the very least.

10.    Not optimized for search

Lazy designers / developers are to blame for the most part for the terrible SEO capabilities most of the sites on the internet are born with. This includes no Alt Tags on images, none or very perfunctory meta data for the page, not using keywords in important areas of the page like the header tag, meta description, title tag, URL and more.

11.    No testing

Designers who subscribe to the 'build it and forget it' school of thought do a major disservice to their websites. Whether build up from scratch or using a drag and drop editor, ALL websites need to be rigorously tested before being formally launched. This prevents rookie errors that may have gone unnoticed and led to lower conversions eventually.
Use a comprehensive testing tool like Optimizely to check every aspect of your site before you take it live.

Is that All?

This list is probably just scratching the surface of the many, many shortcuts that web designers resort to, just to cut corners and turnaround a project in record time. As a site owner you job is to watch for these issues and prevent them from happening. If you're a web designer, you know exactly what I'm talking about here: Time to switch from auto-pilot to your A-Game!

About Guest Blogger

Lori Wagoner is an independent content strategist who gives online marketing advice to small businesses. Lori has blogged at Tweak Your Biz, The Social Media Hat and many other business and tech blogs. You can reach her @LoriDWagoner on Twitter.

الجمعة، 11 يوليو 2014

Simplex Design blog : SimplexCreative - Template for small business website

Simplex Design blog : SimplexCreative - Template for small business website

Link to SimplexDesign - free blogger template

SimplexCreative - Template for small business website

Posted: 10 Jul 2014 10:05 AM PDT

It's been a long time waiting for a new template, right ? and in this post, I would like to show you a new template for business site name SimplexCreative. This template orignal name Loom, and designed by Wpengine.com. I converted it to Blogger template and modified some elements to make it look better (in my point of view :D


This template is a litle bit dificult to install and it requires you basic knowledge on code editing, HTML and CSS. Don't worry, not too much.

Install instruction

1. Download this template

2. Open it a word editor such as Notepad++ (because this editor can highlight the code, make you easier in editing)
Now we start from begining

3. To add logo and top navigation
Find this code
<div class='navbar-header'>
                 <div class='container'>
                     <div class='basic-wrapper'>
                        <a class='btn responsive-menu pull-right' data-target='.navbar-collapse' data-toggle='collapse'>
                            <i class='icon-menu-1'/>
                        </a>          
                        <a class='navbar-brand' expr:href='data:blog.homepageUrl'>
                            <img alt='Alt Text' class='retina' src='http://3.bp.blogspot.com/-5AkmGEt7QN8/U7l9wPD14SI/AAAAAAAAAO0/cVE0RtlPQnY/s1600/logo.png'/>
                        </a>
                     </div>
                          <div class='collapse navbar-collapse pull-right'>
                            <ul class='nav navbar-nav' id='menu-standard-navigation'>
                            <li>
                                <a class='dropdown-toggle js-activated' data-toggle='dropdown' href='#' title='Home'>Home</a>
                                <ul class=' dropdown-menu' role='menu'>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>

                                </ul>
                            </li>
                            <li>
                                <a class='dropdown-toggle' href='/search/label/gallery?max-results=6' title='Portfolio'>Portfolio</a>
                                

                            </li>
                            <li>
                                <a class='dropdown-toggle' href='/search/label/blog?max-results=6' title='Category'>Blog</a>                                
                            </li>
                            <li>
                                <a class='dropdown-toggle js-activated' data-toggle='dropdown' href='#' title='Category'>About Us</a>
                                <ul class=' dropdown-menu' role='menu'>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>

                                </ul>
                            </li>
                            <li>
                                <a class='dropdown-toggle js-activated' data-toggle='dropdown' href='#' title='Category'>Contact Us</a>
                                <ul class=' dropdown-menu' role='menu'>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>
                                    <li><a href='#' title='Category'>Category</a></li>

                                </ul>
                            </li>                          
                         </ul>                    
                     </div>
                 </div>
             </div>
 Edit the logo url and link in navigation bellow to your logo and links.
Pls note that all links to your label, category which have struction : http://blog url/search/label/ label _name...
must be add this code at the end "?max-results=6"
For examle http://blog url/search/label/blog?max-results=6

4. To edit the header
Find this code:
<!---header -->
                            <div class='col-sm-12'>
                                <b:section id='header1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='logo' type='HTML'>
  <b:includable id='main'>
                                            <h1>Hello! We are SimplexDesign</h1>
                                            <div class='lead'>
                                                <p>we love creative ideas and great designs.</p>
                                            </div>
                                            <div class='divide60'/>
                                        </b:includable>
</b:widget>
</b:section>                            
                            </div>
                            <!---end of header -->
You can edit this text in header to whatever you want. You can also remove this part by delete all of this block code.

5. To edit the main slider
Find this code:
<!---Slider -->
                            <div class='col-sm-12'>
                                <b:section id='slider' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='slider' type='HTML'>
  <b:includable id='main'>   
                                            <div class='ei-slider' id='ei-slider'>
                                                <!--large images go here-->
                                                <ul class='ei-slider-large'>
                                                    <li>
                                                        <img alt='image06' src='http://3.bp.blogspot.com/-OgALPxjVyE4/U7gsjg2wXFI/AAAAAAAAAKo/hV9sdl6YGx8/s1600/1.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Passionate</h2>
                                                            <h3>Seeker</h3>
                                                        </div>
                                                    </li>
                                                    <li>    
                                                        <img alt='image01' src='http://3.bp.blogspot.com/-i7rJIQwi_MI/U7gskcAu03I/AAAAAAAAAKw/g4VEtfbBAgU/s1600/2.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Creative</h2>
                                                            <h3>Duet</h3>
                                                        </div>
                                                    </li>
                                                    <li>   
                                                        <img alt='image02' src='http://4.bp.blogspot.com/-0Mf5X3ardQo/U7gskeVBIGI/AAAAAAAAAKs/NJhLEypOGGQ/s1600/3.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Friendly</h2>
                                                            <h3>Devil</h3>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <img alt='image03' src='http://2.bp.blogspot.com/--2TaJ7AErnk/U7gskz38zQI/AAAAAAAAAK0/SpCWfoG0V74/s1600/4.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Be</h2>
                                                            <h3>Creative</h3>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <img alt='image04' src='http://3.bp.blogspot.com/-46IyPtuE8ZU/U7gslSsWaWI/AAAAAAAAALA/ByfD9YccNgw/s1600/5.jpg'/>
                                                        <div class='ei-title'>   
                                                            <h2>Insecure</h2>
                                                            <h3>Hussler</h3>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <img alt='image05' src='http://3.bp.blogspot.com/-nLf6KZ6-GsU/U7gsmERsiwI/AAAAAAAAALM/eeYAzs7yOVY/s1600/6.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Loving</h2>
                                                            <h3>Rebel</h3>
                                                        </div>
                                                    </li>                                                   
                                                </ul><!-- ei-slider-large -->
                                                <!--thumbnals go here-->
                                                <ul class='ei-slider-thumbs'>
                                                    <li class='ei-slider-element'>Current</li>
                                                    <li><a href='#'>Slide 6</a><img alt='thumb06' src='http://3.bp.blogspot.com/-OgALPxjVyE4/U7gsjg2wXFI/AAAAAAAAAKo/hV9sdl6YGx8/s150/1.jpg'/></li>
                                                    <li><a href='#'>Slide 1</a><img alt='thumb01' src='http://3.bp.blogspot.com/-i7rJIQwi_MI/U7gskcAu03I/AAAAAAAAAKw/g4VEtfbBAgU/s150/2.jpg'/></li>
                                                    <li><a href='#'>Slide 2</a><img alt='thumb02' src='http://4.bp.blogspot.com/-0Mf5X3ardQo/U7gskeVBIGI/AAAAAAAAAKs/NJhLEypOGGQ/s150/3.jpg'/></li>
                                                    <li><a href='#'>Slide 3</a><img alt='thumb03' src='http://2.bp.blogspot.com/--2TaJ7AErnk/U7gskz38zQI/AAAAAAAAAK0/SpCWfoG0V74/s150/4.jpg'/></li>
                                                    <li><a href='#'>Slide 4</a><img alt='thumb04' src='http://3.bp.blogspot.com/-46IyPtuE8ZU/U7gslSsWaWI/AAAAAAAAALA/ByfD9YccNgw/s150/5.jpg'/></li>
                                                    <li><a href='#'>Slide 5</a><img alt='thumb05' src='http://3.bp.blogspot.com/-nLf6KZ6-GsU/U7gsmERsiwI/AAAAAAAAALM/eeYAzs7yOVY/s150/6.jpg'/></li>
                                                   
                                                </ul><!-- ei-slider-thumbs -->
                                            </div><!-- ei-slider -->
                                        </b:includable>
</b:widget>
</b:section>   
                            </div>
                            <!---end of slider -->
All things need to change marked in bold. You can change it to your images and thumbnails.

6. Under the slider is advertisment blocks
To edit, find this code:
<!--- advertise-->
                            <b:section id='adv1' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='adv1' type='HTML'>
  <b:includable id='main'>
                                        <div class='col-sm-3'>   
                             <div class='text-center services-1'>
                                <div class='col-wrapper'>
                                    <div class='icon-border bm15'> <i class='icon-picons-bulb'/> </div><h5 class='upper'>Creative Ideas</h5><p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
                                </div>
                             </div>   
                         </div>
                                        <div class='col-sm-3'>   
                            <div class='text-center services-1'>
                                <div class='col-wrapper'>
                                    <div class='icon-border bm15'> <i class='icon-picons-rocket'/> </div><h5 class='upper'>Rapid Solutions</h5><p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
                                </div>
                            </div>
                         </div>
                                        <div class='col-sm-3'>   
                            <div class='text-center services-1'>
                                <div class='col-wrapper'>
                                    <div class='icon-border bm15'> <i class='icon-picons-lab'/> </div><h5 class='upper'>Magic Touch</h5><p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
                                </div>
                            </div>
                        </div>
                                        <div class='col-sm-3'>   
                            <div class='text-center services-1'>
                                <div class='col-wrapper'>
                                    <div class='icon-border bm15'> <i class='icon-picons-award'/> </div><h5 class='upper'>AWARD WINNING</h5><p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
                                </div>
                            </div>
                        </div>
                                    </b:includable>
</b:widget>
</b:section>
                            <!---end of advertise -->
You can edit content as you want.

7. To edit Customer testimonial part
Find this code
<!---Customer testimonial -->       
                <div class='parallax' style='background-image: url(http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax1.jpg);'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>       
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>What our customers think</h3>
                            </div>
                        </div>
                        <div class='col-sm-12'>           
                            <div class='text-center'>
                                <div class='tab-container' id='testimonials'>                           
                                    <div class='panel-container'>           
                                        <div class='' id='tst1'>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor gravida at eget metus. Vestibulum id ligula porta.<span class='author'>Elsie Spear</span> </div>
                                        <div class='' id='tst2'>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed.<span class='author'>Barclay Widerski</span> </div>
                                        <div class='' id='tst3'>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Praesent commodo cursus magna. Donec sed odio dui.<span class='author'>Coriss Ambady</span> </div>
                                        <div class='' id='tst4'>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Praesent commodo cursus magna. Donec sed odio dui.<span class='author'>Nikolas Brooten</span> </div>               
                                    </div>           
                                    <ul class='etabs'>
                                        <li class='tab'><a class='' href='#tst1'/></li>
                                        <li class='tab'><a class='' href='#tst2'/></li>
                                        <li class='tab'><a class='' href='#tst3'/></li>
                                        <li class='tab'><a class='' href='#tst4'/></li>       
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                 </div>
                </div>
                <!--end of testimonial-->
You can edit customer testimonial in this code as you want. This url "http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax1.jpg" is background of customer testimonial part. You can change this to your background image.

8. To edit key feature
Find this code:
<!---Key features -->   
                <div class='dark-wrapper'>
                 <div class='container inner' style='padding-bottom: 0px;'>
                     <div class='row'>
                        <div class='col-sm-12'>       
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>Key Features of Simplex&#39;s templates</h3>
                            </div>
                            <div class='thin'>
                                <div class='text-center'>
                                    <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna posuere velit aliquet.</p>
                                </div>
                                <div class='divide40'/>
                            </div>
                        </div>
                        <div class='aq-block aq-block-aq_icon_multiple_block col-sm-3 aq-first '>       
        <div class='services-2'>
       
                       
                <div class='icon'>
                    <i class='icon-picons-desktop-preferences icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>100% Responsive Layout</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
            <div class='divide20'/>           
                <div class='icon'>
                    <i class='icon-picons-support icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>Free Support &amp; Updates</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
            <div class='divide20'/>           
                <div class='icon'>
                    <i class='icon-picons-drawing icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>Pixel Perfect Design</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
                   
        </div>
       
    </div>
                        <div class='aq-block aq-block-aq_image_block col-sm-6'>               
               
            <img alt='aq_block_19' src='http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/04/loom-browser.png'/>
       
               
    </div>
                        <div class='aq-block aq-block-aq_icon_multiple_block col-sm-3  '>       
        <div class='services-2'>
       
                       
                <div class='icon'>
                    <i class='icon-picons-window-layout-3 icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>Rich Layout Options</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
            <div class='divide20'/>           
                <div class='icon'>
                    <i class='icon-picons-earth icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>SEO Friendly</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
            <div class='divide20'/>           
                <div class='icon'>
                    <i class='icon-picons-brush-2 icn'/>
                </div>

                <div class='text'>
                    <h5 class='upper'>Colour Palates</h5><p>Nulla vitae libero, a pharetra augue. Integer posuere a ante venenatis condimentum.</p>
                </div>
               
                   
        </div>
       
    </div>
                    </div>
                 </div>
             </div>
                <!---end of Key features -->
Edit it as you want. To remove it out, only delete this block code.

9. Our process part
 To edit, find this code
<!---Our process -->
                <div class='parallax' style='background-image: url(http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax2.jpg);'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>       
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>Our Process</h3>
                            </div>
                            <div class='thin'>
                                <div class='text-center'>
                                    <p>Consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
                                </div>
                                <div class='divide40'/>
                            </div>
                        </div>
                        <div class='col-sm-12'>       
                            <div class='row services-3 text-center'>
                                <div class='col-sm-3 col'>
                                    <div class='icon'><i class='icon-picons-bulb icn'/></div>
                                    <h4 class='upper'>1. Creative Ideas</h4>
                                </div>
                                <div class='col-sm-3 col'>
                                    <div class='icon'><i class='icon-picons-rocket icn'/></div>
                                    <h4 class='upper'>2. Rapid Solutions</h4>
                                </div>
                                <div class='col-sm-3 col'>
                                    <div class='icon'><i class='icon-picons-lab icn'/></div>
                                    <h4 class='upper'>3. Magic Touch</h4>
                                </div>
                                <div class='col-sm-3 col'>   
                                    <div class='icon'><i class='icon-picons-award icn'/></div>
                                    <h4 class='upper'>4. Award Winning</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
             </div>
                <!---end of our process -->
10. To edit Call to action message
 Find this code:
<!---call to action -->
                <div class='dark-wrapper'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>       
                            <div class='text-center'>
                                <p class='lead lite'>
                                    <a href='#'>If you like what you see, let&#39;s work together</a>
                                </p>
                            </div>
                         </div>
                     </div>
                 </div>
             </div>
                <!---end of call to action -->
11. To edit the post author at the end of each post
Find and edit this code
<!--post author-->
                                                            <div class='about-author image-caption'>
                                                            <div class='author-image'>
                                                                <img alt='' class='avatar avatar-120 photo' height='120' src='http://1.gravatar.com/avatar/bb43b8611ea6edf1a25c2abdc0a7285f?s=120&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D120&amp;r=G' width='120'/>
                                                            </div>
                                                            <div class='author-details vcard author'>
                                                                <h3>
                                                                    About the author   
                                                                </h3>
                                                                <p>Huy Dinh Quang (known as Nhamngahanh) is a blogger and founder of Simplexdesign blog . Learn more about him <a href='http://www.thesimplexdesign.com/p/about-me.html'>here</a> and connect with SimplexDesign community in <a href='http://twitter.com/dinhquanghuy'>Twitter</a>,<a href='http://www.facebook.com/simplexdesignblog'>Facebook</a>,and <a href='https://plus.google.com/u/0/106038766758854870457?rel=author'>Google+</a></p>
                                                                <ul class='social'>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-pinterest'/></a></li>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-facebook'/></a></li>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-twitter'/></a></li>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-linkedin'/></a></li>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-skype'/></a></li>
                                                                    <li><a href='#' target='_blank'><i class='icon-s-dribbble'/></a></li>
                                                                </ul>
                                                            </div>
                                                            <div class='clearfix'/>
                                                         </div>
12. To edit the sidebar :
Find this code
<!--sidebar-->
                                                        <aside class='col-sm-4 sidebar lp30'>
                                                            <div class='sidebox widget widget_search' id='search-2'>
                                                                <form action='/search' class='searchform' id='searchform' method='get'>
                                                                    <input class='search' id='s2' name='q' onblur='this.value=&apos;Search something&apos;' onfocus='this.value=&apos;&apos;' type='text' value='Search something'/>
                                                                    <button class='btn btn-default' type='submit'>Find</button>
                                                                </form>
                                                            </div>
                                                            <div class='sidebox widget ebor_popular' id='ebor_popular-widget-3'>
                                                                <h3 class='widget-title'>Recent Posts</h3>
                                                                <ul class='post-list'>
                                                                    <script>
                                                                        document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/blog?max-results=6&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts3\&quot;&gt;&lt;\/script&gt;&quot;);
                                                                    </script>
                                                                </ul>
                                                            </div>
                                                             <!--sidebar ads code go here-->
                                                         </aside>
                                                        <!--end of sidebar-->
 You can start add your ad code after the bold text "sidebar ads code go here"

13. To edit footer link
Find this code
<ul class='footer-menu pull-right' id='menu-footer-menu'>
                        <li><a href=''>Home</a></li>
                        <li><a href='/search/label/gallery?max-result=6'>Portfolio</a></li>
                        <li><a href=''>About</a></li>
                        <li><a href='/search/label/blog?max-result=6'>Blog</a></li>
                        <li><a href=''>Contact</a></li>
                    </ul>
Edit it as you want.

That's all for editing. Save template and it ready to use.

Usage

This template has two types of post, one is normal blog post

and the other is portfolio post

To make a post display as a normal blog post, just add label "blog" to its label list


And to make it display as portfolio post, add label "gallery"
 One post have must have one label "blog" or "gallery". If have no label "blog" or "gallery", the post cannot display. If it has both of label "blog" and "gallery", it will make error for all site.

That's all for this template. It is free for download and use. Thanks for your support all the time.

I'm available for hire at 10$ if you want to install this template as good as live demo. Pls check contact at "contact us" or "hire us" page.