Mashable Drop Down Navigation Menu

Mashable is a popular internet news blog which provides latest news updates about social networking, Technology and etc. Do you ever imagine of instituting a website like Mashable, obviously everyone has his own admiration nevertheless Mashable has all the potentials to be regarded as a well-recognize website. Mashable has splendid template this is the reason why lots of Mashable Widget hacks are flying all over the internet, but no one is bestowing Mashable Menu. Therefore, we though to create a Mashable like Drop down Menu, so bloggers can take their Blog to the next level.

CSS

/* Mashable Menu by Making Different */
div.mashmenu {
/* colors */
background: none repeat scroll 0 0 #F3F6F9; /* color of the nav */
border-bottom: 1px solid #DCE5EE; /* border bottom :  no hover color */
border-top: 1px solid white;
color:black;
}

div.mashmenu div.fnav {
/* colors */
border:2px solid #F3F6F9; /* border top,left,right :  no hover color */
border-bottom:none;
}
div.mashmenu div.fnav:hover{
/* colors */
border:2px solid #0054a2; /* border top,left,right : hover color */
border-bottom:none;
background:white;
}
div.mashmenu div.fnav a.flink {
/* colors */
color:#0054a2;
}
div.mashmenu div.fnav div.allContent {
/* colors */
background: none repeat scroll 0 0 #F3F6F9; /* color of the nav */
border:2px solid #0054a2; /* border bottom,left,right : hover color  */
border-top:none;
color:black;
}
div.mashmenu div.fnav div.allContent a.slink {
/* colors */
color:#0054a2;
}
div.mashmenu div.fnav div.allContent a.slink:hover {
/* colors */
background-color: #5E88B4;
color:white;
}
div.mashmenu div.fnav div.snav:hover div.insideContent{
/* colors */
background: white;
border-left:1px solid white;
}
div.mashmenu div.fnav div.insideContent a {
/* colors */
color:#0054a2;
border-bottom:1px solid #5E88B4; /* border bottom : hover color  */
}
div.mashmenu div.fnav div.insideContent a span:hover{
/* colors */
background-color: #5E88B4;
color:white;
}

div.mashmenu div.feat a.flink {
/* colors */
color:#0054a2;
}
div.mashmenu div.feat a.flink:hover{
/* colors */
background-color: #5E88B4;
color:white;
border:none;
}
/* ===== Mashable Menu Ends======= */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}
/* ====================*/
div.mashmenu a { text-decoration:none; }
div.mashmenu img { border:2px solid white; }
div.mashmenu div.fnav div.allContent{ display:none; }
div.mashmenu div.fnav div.allContent div.insideContent{ display:none; }
div.mashmenu {
font-family: "Arial", "Verdana", sans-serif;
font-size:13px;
width: 100%;
position: relative;
padding: 3px 0 0;
}
div.mashmenu div.fnav {
margin:0px 0px 0px 3px;
display:inline-block;
position:relative;
/* css3 */
-moz-border-radius:4px 4px 0px 0px;
-webkit-border-radius:4px 4px 0px 0px;
border-radius:4px 4px 0px 0px;
}
div.mashmenu div.fnav a.flink {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw59jEo_ZpDUOBASBu02MvpiIcRCr_7idtZDfBKK5SPv3aJylPsSQtLiWUIeTZAE1NeFfD38-jvJ2OvQ0rPOezHF0Y-rP-j70lL4v4vFVH4RWG0sQ5S45K7mo43zUGfzq2JC2gQ3VIVBs/s1600/down-arrow.png) no-repeat 100% 15px;
padding:10px;
display:block;
}
div.mashmenu div.fnav div.allContent {
position:absolute;
top:33px;
left:-2px;
max-width:550px;
max-height:250px;
overflow:hidden;
/* css3 */
-moz-border-radius:0px 0px 4px 4px;
-webkit-border-radius:0px 0px 4px 4px;
border-radius:0px 0px 4px 4px;
}
div.mashmenu div.fnav div.allContent:hover{
width:550px;
height:246px;
}
div.mashmenu div.fnav:hover div.allContent {
display:block;
}
div.mashmenu div.fnav div.allContent a.slink { margin:1px 0px 1px 1px;
padding:10px;
display:block;
width:140px;
}
div.mashmenu div.fnav div.snav:hover div.insideContent{
display:block;
position:absolute;
top:0px;
left:165px;
width:410px;
height:100%;
padding-left:10px;
}
div.mashmenu div.fnav div.insideContent span.featured ,
div.mashmenu div.fnav div.insideContent a {
width:365px;
float:left;
overflow:hidden;
padding:5px 0px;
position:relative;
}
div.mashmenu div.fnav div.insideContent a img {
float:left;
width:100px;
height:60px;
padding-right:10px;
}
div.mashmenu div.fnav div.insideContent a span {
position:absolute;
top:20px;
left:120px;
padding:3px 3px ;
}
div.mashmenu div.feat {
float:right;
border:none;
margin-right:10px;
margin-top:5px;
}
div.mashmenu div.feat:hover{
border:none;
}
div.mashmenu div.feat a{
float:left;
font-size:12px;
border:none;
padding:5px 5px;
}
div.mashmenu div.feat a:hover{
/* css3 */
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
/* =================== */

HTML

<div class='mashmenu'>
<div class='fnav'><a class='flink' href='#'>Social Media</a>
<div class='allContent'>
<div class='snav'><a class='slink' href='#'>All Social Media</a>
<div class='insideContent'><span class='featured'>Featured in Social Media</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Facebook</a>
<div class='insideContent'><span class='featured'>Featured in Social Media</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Google+</a>
<div class='insideContent'><span class='featured'>Featured in Social Media</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Twitter</a>
<div class='insideContent'><span class='featured'>Featured in Social Media</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Youtube</a>
<div class='insideContent'><span class='featured'>Featured in Social Media</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav --></div>
<!-- end allContent --></div>
<!-- end fnav -->
<div class='fnav'><a class='flink' href='#'>Tech</a>
<div class='allContent'>
<div class='snav'><a class='slink' href='#'>All Tech</a>
<div class='insideContent'><span class='featured'>Featured in Tech</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Apps &amp; Software</a>
<div class='insideContent'><span class='featured'>Featured in Tech</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Dev &amp; Design</a>
<div class='insideContent'><span class='featured'>Featured in Tech</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Gadgets</a>
<div class='insideContent'><span class='featured'>Featured in Tech</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='img/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Mobile</a>
<div class='insideContent'><span class='featured'>Featured in Tech</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav --></div>
<!-- end allContent --></div>
<!-- end fnav -->
<div class='fnav'><a class='flink' href='#'>Business </a>
<div class='allContent'>
<div class='snav'><a class='slink' href='#'>All Business</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Advertising</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Marketing</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Media</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Small Business</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Startups</a>
<div class='insideContent'><span class='featured'>Featured in Business</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav --></div>
<!-- end allContent --></div>
<!-- end fnav -->
<div class='fnav'><a class='flink' href='#'>US &amp; World</a>
<div class='allContent'>
<div class='snav'><a class='slink' href='#'>All US &amp; World</a>
<div class='insideContent'><span class='featured'>Featured in US &amp; World</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Politics</a>
<div class='insideContent'><span class='featured'>Featured in US &amp; World</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>Social Good</a>
<div class='insideContent'><span class='featured'>Featured in US &amp; World</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>U.S</a>
<div class='insideContent'><span class='featured'>Featured in US &amp; World</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfrAQ8J7smD9toOmMMyMRtC6cHxySP0fZqsN9nyQl695yp_XBwiBFaBjRt_p1IKulUVpSvF3DNyY1mC40GWMoLDtvc_ibwObvCjX_Z5Ianl8ofF7CaWChu66rj7j9djJpsCFcuUR5DWv8/s1600/3.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav -->
<div class='snav'><a class='slink' href='#'>World</a>
<div class='insideContent'><span class='featured'>Featured in US &amp; World</span> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkG04bOr4X9aExMhWVT_9ULK10w09BOkVLBwQVySzZAHpFJfzKc8JK9gvg6lk4gESprKJcA5mA2xcJTVMSX6NV-tyQKNJVI9jzSWmNjDfrY-kkoj9tls-v0_0Gy6_wZRkwU5PxJYIVDYE/s1600/1.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J2kRZUFdPtUCyfPTyLM7Y0OhlHgGOnLMlfre2XSTiRHXPJnSb1Up088q9tT5pOqPled6Njh7UBTwgTS3tHHTWHc8fjsLG3eo1rozL00Vvf1BQiiGAKog34SLUyPlWlwFjnCnZatELTM/s1600/4.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a> <a href='#'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCp6sj9aZK5V2zqfD0Zs4rYGAC6B3rv-J2AfrkAAntBUNuP_MonGp_SOlMwWrXySgARI62UZZTp8C8QlLcAoc9b7WkXONWkEY4TdN9DJn0aid0mz0t8tVWqCPz0hcGHe8TtLOmQEEhtc/s1600/2.jpg'/> <span>Everything is designed. Few things are designed well.</span> </a></div>
<!-- end insideContent --></div>
<!-- end snav --></div>
<!-- end allContent --></div>
<!-- end fnav -->
<div class='fnav'><a class='flink' href='#'>Videos </a></div>
<!-- end fnav -->
<div class='feat'>
<a>Featured : </a> 
<a class='flink' href='#'>Facebook </a> 
<a class='flink' href='#'>Google+ </a> 
<a class='flink' href='#'>Awards </a></div>
<!-- end fnav feat -->
</div>
<!--end mashmenu -->

Mashable Template

Mashable Drop Down Navigation Menu

CSS

HTML

0 comments:

Post a Comment

Add Me As Friend

Top Stories All time