Elita Romaniei
Web Design
Mihnea found us in an entrepreneur group and asked for a meeting. He is altruist and positive and really wished to create a platform dedicated to the hard working Romanians. He was sick of the direction the media is going on, only interested in showing the bad sides of Romania.
Because our values were similar, we decided to help Mihnea with the web design and logo. This lead to a series of multiple revisions until his dream came true.
The final version of the project delivered an awesome logo and a fast working website created in both WordPress (for desktops) and AMP (for mobile).
Business Owner: Mihnea Rasca
Client: SC PRO TIME SOLUTIONS SRL
https://elitaromaniei.ro/
Bucharest, Romania
Business Target: “Business men and women interested in showcasing their story.”
Minimalist Logo Design
For the logo, we decided on calling one of our partners for help. Laura managed to create a beautiful logo, showcasing a book as the symbol of Mihnea’s dream.
She created multiple versions for him and they worked closely on creating something that everyone can be proud of.
On page SEO
Basic SEO through SSL instalation, sitemap, page speed optimization, AMP and training
Web Design
Beautiful, mobile friendly website created with the Enfold Theme and WordPress CMS (desktop version) and an AMP plugin (mobile version) for extremely fast page speeds on mobile.
Training
We trained Mihnea to become fully independent in the use of his website. He is also able to manage and train his team of editors.
Testimonial: Mihnea Rasca – Elita Romaniei
Reliable, flexible, fast, professional. He has handled every request with maximum proficiency, going the extra mile for me, the customer, to be happy. I am absolutely delighted with the final product – a beautiful, responsive, fast website. Thanks!
Custom CSS Implemented
/* 1 Header */
/* 1.1 Header Uppercase */
/*span.avia-menu-text {
text-transform: uppercase;
}*/
/* 1.2 Widget header */
@media only screen and (min-width: 988px) {
#header .widget {
left: 46%;
padding-top: 0;
position: fixed;
top: 15px;
z-index: 1;
}
}
@media only screen and (max-width: 988px) {
#header .widget {
left: 46%;
padding-top: 0;
position: fixed;
top: 15px;
z-index: 1;
transform: translate(-29%);
}
}
@media only screen and (max-width: 987px) {
#header_main .inner-container .widget {display:none !important;
}}
html_stretched responsive av-preloader-disabled av-custom-lightbox html_header_top html_logo_left html_bottom_nav_header html_menu_left html_custom html_header_sticky html_header_shrinking_disabled html_mobile_menu_tablet html_header_searchicon html_content_align_center html_header_unstick_top_disabled html_header_stretch_disabled html_elegant-blog html_modern-blog html_av-submenu-hidden html_av-submenu-display-click html_av-overlay-side html_av-overlay-side-classic html_av-submenu-clone html_entry_id_3331 av-no-preview html_text_menu_active avia_desktop js_active avia_transform avia_transform3d avia_transform avia_transform3d avia-webkit avia-webkit-65 avia-chrome avia-chrome-65 avia-windows av-burger-overlay-active av-burger-overlay-active-delayed {}
/* 1.3 Header Sticky */
@media only screen and (max-width: 768px) {
#header {
position: fixed!important;
width: 100%!important;
}}
/* 1.4 Logo middle mobile */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #top .av-logo-container .avia-menu {
position: relative;
width: 100%;}}
@media only screen and (max-width: 767px){
.responsive #top .av-logo-container .avia-menu {
position: relative;
width: 100%;}}
@media only screen and (max-width: 988px) {
.responsive .logo a {
display: inline-block;
vertical-align: middle;
}
.responsive #top .logo {
position: relative;
display: block;
width: 100%;
text-align: center;
}
.div .logo, .logo img, .logo .subtext img {
left: 55%;
transform: translateX(-50%);
}
#top #header_main #menu-item-search {
top: 0;
left: 85%;
display: block;
}
#top #header_main #menu-item-search a {
color: #be8a4a;
font-size: 24px;
}
.responsive #top .logo {
position: relative;
}
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
top: 0;
left: 0px;
display: block;
}
}
@media only screen and (max-width: 989px) and (min-width: 768px){
#top #header .av-main-nav > li {
right: 7%;
}}
@media only screen and (max-width: 767px){
#top #header .av-main-nav > li {
right: 15%;
}}
/* 1.5 Padding content to top */
@media only screen and (max-width: 988px){
.responsive #top #main {
padding-top: 100px !important;
}}
/* @media only screen and (max-width: 989px) and (min-width: 768px){
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
padding-top: 100px !important;
}}
*/
/* 1.6 Mobile Logo Responsive */
/*@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 88%;
height: auto !important;
margin-left: 0!important;
}} */
/* 1.7 Menu links with more space in between on Desktop*/
@media only screen and (min-width: 989px){
#top #header .av-main-nav > li {
padding-left: 4px;
padding-right: 4px;
}
.main_menu ul:first-child>li>a{
font-size:14px
}}
@media only screen and (min-width: 1154px){
#top #header .av-main-nav > li {
padding-left: 8px;
padding-right: 8px;
}
.main_menu ul:first-child>li>a{
font-size:16px
}}
@media only screen and (min-width: 1230px){
#top #header .av-main-nav > li {
padding-left: 10px;
padding-right: 10px;
}
.main_menu ul:first-child>li>a{
font-size:17px
}}
/* 1.8 Search Change of fonts */
#top #s {
color:#be8a4a;
font-family: ‘Tinos’ !important;
}
.header_color .ajax_search_title {
font-size:14px !important;
}
/* 1.9 Add space between logo and menu */
.logo, .logo a, .logo img{
padding-top:2px;
padding-bottom: 2px;
}
/* 1.10 Mobile menu similar to AMP Menu */
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a{
line-height: 1.1em;
height: auto;
padding: 12px 30px;
display: block;
text-align: left;
text-decoration: none;
}
#av-burger-menu-ul{
padding: 48px 0px !important;
vertical-align:top;
}
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items.menu-item-search-mobile {
padding: 0 30px;
position: relative !important;
}
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items.menu-item-search-mobile form {
position: relative !important;
}
/* 1.11 Logo Bigger – remove padding */
.logo, .logo a, .logo img {
padding-top: 0px;
padding-bottom: 0px;
}
/* 1.12 Header mobile Admin */
@media screen and (max-width: 600px){
#wpadminbar {
position: fixed;
}}
/* 2. Blog */
/* 2.1 Image is always 280 pixels on desktop */
.main_color .small-preview {
width: 280px;
height: 280px;
}
.page-id-3335 .entry-content p {
display: none;
}
.av-magazine-thumbnail img, .av-magazine-thumbnail {
width: 160px !important;
}
.av-magazine-content-wrap {
padding-top:25px !important;
}
#top .more-link {
background: #c3512f;
border-radius: 2px;
padding: 7px 25px;
color: #fff;
}
/* 2.2 Show Image on mobile */
@media only screen and (max-width: 767px) {
.template-blog .blog-meta, .template-blog .blog-meta * {
width: 60px;
height: 60px;
}}
/* 2.3 Remove lightbox on blog posts */
.big-preview.single-big a {
pointer-events: none;
}
.single-post .big-preview img { margin: auto; }
@media only screen and (min-width: 1024px){
.big-preview.single-big img {
height:auto!important;
max-height:100%!important;
min-height:100%!important;
width:auto!important;
}
}
/* Remove Meta Categories from Blog Post Elegant */
.html_elegant-blog #top .post-entry .blog-categories{
display: none;
}
/* 2.4 Blog Comments remove miniheading */
h3.miniheading { display:none!important;}
/* 2.5 Remove bottom margins on blog posts */
@media only screen and (max-width: 767px) {
.avia-content-slider .slide-entry-wrap { margin-bottom:1px!important;}
}
@media only screen and (max-width: 767px){
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
padding-top: 5px;
}
}
/* 2.6 Author Image on Author Page mobile */
@media only screen and (max-width: 767px){
.page-heading-container .author_description {
overflow: inherit;
}
.template-blog .blog-meta, .template-blog .blog-meta * {
width: 100px;
height: 100px;
}
}
/* 2.7 Insert copyrights in images and remove them from Full Screen. */
.ccfic-text {
color: black;
font-size: 10px;
}
.slide-image .ccfic-text {display:none;}
/* 2.8 Titles on left */
h1.post-title.entry-title {
text-align:left!important;
}
h3.slide-entry-title.entry-title {
text-align:left!important;
}
/* 2.9 Quotes */
#top .main_color blockquote{
border-color: #be8a4a;
font-size:18px;
}
/* 2.10 Change Header colors inside the blog posts */
.entry-content h2{
color:#be8a4a;
}
.entry-content h3{
color:#be8a4a;
}
.entry-content h4{
color:#be8a4a;
}
.entry-content h5{
color:#be8a4a;
}
.entry-content h6{
color:#be8a4a;
}
/* 2.11 Change blog spacing in titles */
.avia-content-slider .slide-entry-title {
letter-spacing: 1px!important;
}
@media only screen and (max-width: 767px) {
.avia-content-slider .slide-entry-title{
font-size: 15px!important;
}
}
/* 3 Content */
/* 3.1 Link Color */
.main_color a, .alternate_color a {
color: #005be2;
}
/* 4 Social Media */
/* 4.1 Change social share color */
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
/* 5 Sidebar */
/* 5.1 Sidebar link colors */
.sidebar a, .sidebar a > strong {
color: #005be2 ! important;
}
.sidebar a:hover, .sidebar a>strong:hover {
color: #005be2 ! important;
}
/* 5.2 Most read articles image full width */
.mlrp_ul img { width: 100%; height: 70%; float: left; }
.mlrp_ul li{
padding-bottom:1em;
}
/* 5.3 Sidebar Search */
@media only screen and (max-width: 767px) {
.html_av-overlay-side #top .av-burger-overlay li.menu-item-search-mobile.av-active-burger-items {
margin-top: 20px;
}
.menu-item-search-mobile.av-active-burger-items form > div {
width: 80%;
margin: 0 auto;
}
}
/* 6 Category and Tags */
/* 6.1 Tag page Remove Content */
.slide-meta, .blog-categories{
display:none!important;
}
/* 7 Team members plugin */
.team-member-description {
line-height: 1.4;
font-size: 16px;
}
Custom CSS Implemented for AMP
/***** Header *****/
/*.header .amp-social{display:none;} */
.amp-logo {
padding-top: 10px;
}
/***** Social Media Icons *****/
.amp-social{ font-size: 15px; display: inline-block; text-align: center;}
.amp-social ul{ list-style-type:none; padding:0;margin:0; text-align:center }
.amp-social li{ display:inline-block; }
.amp-social li:before{color: #fff;display: inline-block;width: 50px;height: 40px;line-height: 40px;}
amp-facebook-like{top:15px;}
/*.ss-ic{ display:none;} */
/***** Recent Posts *****/
.recent_posts {
padding-bottom:15px;
padding-left:5px;
}
.recent_posts .loop-post h2 {
font-size:0.8em;
margin:0px 0px 0px 0px;
}
.recent_posts .loop-post a {
color:black;
font-size:18px;
font-weight:400;
}
.recent_posts .title {
font-size: 23px;
font-weight: bold;
}
.recent_posts .loop-post {
margin: 0px 0px;
}
/***** Sticky Footer *****/
.sticky_social {
display:none;
}
.footer.social {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #263779;
color: white;
text-align: center;
}
/***** Title *****/
.amp-post-title{text-align:left;}
/***** Blog Posts ******/
.awac-wrapper {
display:none;}
/***** Related Posts *****/
.amp-related-posts .related_link {
display: inline;
}
/***** Menu *****/
.i-amphtml-element .amp-sidebar {
width:100%;
max-width:100vw;
background-color:#263779;
}
/*.m-menu .amp-menu {
text-transform: uppercase;
} */
.amp-menu li a {
font-size: 22px;
}
/***** Author and Date Meta Data *****/
.sp-athr {
display:inline-block;
}
/*****@media (max-width: 425px){
.sp-rt .amp-author {
display: inline-block;
margin-bottom: 10px;
}
}
@media (max-width: 768px){
.sp-rt .amp-author { padding: 0px 0px
padding: 20px 15px; ;
}
.sp-rt .amp-author { margin-top: 0px;
margin-top: 5px;
}}
.sp-athr, .amp-tags, .post-date, .srp {margin-top: 0px;
margin-top: 20px;
}
.ss-ic, .sp-athr, .amp-tags, .post-date {padding-bottom: 0px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
} *****/
/***** Make Paragraphs bigger in font size 20px from 18px *****/
.cntn-wrp{
font-size:20px;
}
.cntn-wrp h2{
font-size:25px;
}
/***** Make headers Verdana *****/
h1, h2, h3, h4, h5, h6 {
/* text-transform: uppercase;*/
font-family: ‘Roboto’, sans-serif;!important; }
body { font-family: Verdana, Geneva, sans-serif!important; }
/***** Remove categories *****/
.amp-category {display:none;}
/***** Remove Comments *****/
.cmts {display:none;}
/***** Author Image *****/
.author-img amp-img {
border-radius: 50%;
margin: 0px 12px 10px 0px;
display: block;
width: 100px;}
.author-img {
float: none;
}
/* Remove image ads from desktop on AMP */
.amp-wp-inline-21998716d663c265faade591b419ac5a {
display: none;
}
/* Blockquote */
blockquote p {
color: #919191;
font-size: 18px;
line-height: 1.4;
font-weight: normal;
position: inherit;
border-left: 7px solid #be8a4a;
padding: 3px 0 0 30px;
}
blockquote p:before {
border-top:none;
}
.cntn-wrp h2 {
color:#be8a4a;
}
.cntn-wrp h3 {
color:#be8a4a;
}
.cntn-wrp h4 {
color:#be8a4a;
}
.cntn-wrp h5 {
color:#be8a4a;
}
.cntn-wrp h6 {
font-size:12px;
color:#be8a4a;
}
/***** Search ******/
.lb-btn #s {
font-size: 20px;
}
