Tidy up CSS on four page website
$10-30 USD
Pagado a la entrega
I have a very simple four page site that shares one CSS file. I want to reduce the repetition in the CSS and the number of classes in the HTML by separating the common and different elements of the site. The project is described below. I will only respond to Freelancers who indicate they have read the documentation below in the proposal section.
The job is very small and requires less than an hour to execute once the solution is agreed on. I have offered one solution but would prefer a more elegant one.
Reduce number of tags and repetition by separating elements common between top and bottom straps on LECturer and STUdent pages
Common elements include size, font family and position
Different elements include Color, background-color and min-height
For example, the classes .cerise , .slate ,umber, .raiforest, .form all feature:
.<class> {
width : 950px;
height : 110px;
background-color : #2ce040;
color : #ea6611;
font-size : 64pt;
font-family : Franklin Gothic Medium, sans, arial, helvetica;
}
Only the color needs to change. The form class also has a min-height element that may be redundant.
Nested divs is one way to achieve this – if you have a better solutions use it on one page and get me to approve it.
<div class=”strap”>
<div class=”top”>
content</div></div>
<div class=”strap”>
<div class=”bottom”>
content</div></div>
.strap {
width : 950px;
height : 110px;
font-size : 64pt;
font-family : Franklin Gothic Medium, sans, arial, helvetica;
}
.top { background-color : #2ce040;
color : #ea6611;
}
.bottom { background-color : # ea6611;
color : #2ce040;
}
Nº del proyecto: #9809647
Sobre el proyecto
Adjudicado a:
+Ready to work with you 8 Years Experience in Web Development : you can see my portfolio: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] Más
35 freelancers están ofertando un promedio de $25 por este trabajo
Ready to do your work i will give you best and fast work.................................................................................................................
We are a team of professional web designer/developer, we are experts in Wordpress, Joomla, Ecommerce, Shopify, PHP, MySql, Responsive, Bootstrap, HTML 5 / CSS3 and all type of development work. Please come on chat so Más
hi, I'm a web developer and can fix your CSS on your website. Please contact to discuss in detail Regards
Let's start! I understand what you need and you will have a 100% complete job on time. I can assure you that if you work with me once, you will always work with me for these kind of projects.
Hi Sir, I am expert in front end coding. I went throught the description, I am sure I can convert your current css file into clean and neat one. I will also make changes accordingly to the html code. please share the Más
Hi, i understand what you say. check solution i reduce classes and give proper way. body { background-color : #2ce040; color : #ea6611; font-size : 64pt; font-family : Franklin Gothic Medium, sans, arial, helveti Más
Hello, I have 6+ years experience on html(5), css(3), bootstrap, less, php, javascript, jquary, WordPress and graphic design. I have 6000+hrs work experience on other freelancing site. ping me for more detail Más
Hi there! I've read the documentation. I am a young developer/designer looking for new opportunities as a freelancer. I'm keen on working with you on this project :)
we have best designers for CSS optimization they can do your task very easily. please have a look at our profile for our previous work.
you can use pseudo classes for example <div class="strap"> <div >topContents</div> <div>bottomContents</div> </div> css: .strap{ width : 950px; height : 110px; font-size : 64pt; font-family : Franklin G Más
currently wonking as a css desighner so you can try me once i think i can do it i a good style................
Hey! It sounds like you need cleaning of CSS. We have a team of highly professional web developers and designers who can provide you with a perfect solution. Waiting for your response. Thanks!
