EVOLUTION-NINJA
Edit File: lp10.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <title>{page_title}</title> <!-- <CONFIG> page_title = Page Title body_text_color = FFFFFF body_background_color = EBEBEB left_heading_text = Heading left_heading_text_color = 000000 left_sub_heading_text = Sub Heading left_sub_heading_text_color = FFFFFF left_sub_description_text_txtarea = Multiline text here. right_header = Header right_header_color = 062A60 right_description_text_txtarea = Multiline text here. right_description_text_color = 000000 bullet_text_color = 000000 bullet = Bullet1 bullet2 = bullet3 = bullet4 = bullet5 = button_text = Click Here button_text_color = FFFFFF button_background_color = 990000 copyright_text = Copyright footer_text_color = FFFFFF footer_background_color = 003265 your_website_text = www.yoursite.com image_img = /images/b8-t31mx7oe.jpg </CONFIG> --> <style type="text/css"> body { background-color: #{body_background_color}; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(); background-position: center 2px; } #wrapper { height: 550px; width: 750px; margin-right: auto; margin-left: auto; margin-top:0px; background-image: url({image_img}); background-repeat: no-repeat; background-position: -30px top; margin-top: 2px; background-color: #FFF; position: relative; z-index: 1; border: 2px solid #FFF; } #content { height: 500px; width: 750px; margin-right: auto; margin-left: auto; background-image: url({base_url}/images/lp10_shadign.png); background-repeat: repeat-x; background-position: center top; padding: 0px; position: relative; z-index: 2; } #top { background-image: url({base_url}/images/lp10_shadow.png); background-repeat: no-repeat; background-position: center top; position: relative; height: 20px; width: 100%; z-index: 9999; margin-top: -550px; } #left { width: 400px; height: 500px; } #right { height: 460px; width: 310px; padding: 20px; float: right; background-image: url({base_url}/images/lp10_text-bg.png); background-repeat: no-repeat; background-position: center bottom; position: absolute; z-index: 5; left: 400px; } #footer { height: 30px; width: 710px; background-color:#{footer_background_color}; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-image: url({base_url}/images/lp10_footer-shadow.png); background-repeat: no-repeat; background-position: 200px top; } h1 { font-family: Verdana, Geneva, sans-serif; font-size: 36px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; color: #{left_heading_text_color}; } #header { height: 450px; width: 100%; position: absolute; margin: 0px; left: 0px; top: 0px; background-image: url({base_url}/images/lp10_shadign.png); background-repeat: repeat-x; background-position: center top; z-index: 1; } #blue-box { height: 210px; width: 360px; background-color: #{footer_background_color}; position:absolute; z-index:2; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin: 0px; top: 250px; left: 0px; background-image: url({base_url}/images/lp10_blue-bg.png); background-repeat: no-repeat; background-position: right bottom; } p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; line-height: 20px; color: #{body_text_color}; } h2 { padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #{left_sub_heading_text_color}; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #{right_header_color}; margin: 0px; font-weight: bold; font-size: 19px; } .button:link { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-color: #{button_background_color}; font-family: Verdana, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 36px; border: 3px solid #{button_background_color}; background-image: url({base_url}/images/lp10_BUTTON-BG.png); background-repeat: no-repeat; background-position: left bottom; } .button:hover { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-color: #C00; font-family: Verdana, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 36px; border: 3px solid #c00; background-image: url({base_url}/images/lp10_BUTTON-BG.png); background-repeat: no-repeat; background-position: left bottom; } .button:active { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-color: #{button_background_color}; font-family: Verdana, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 36px; border: 3px solid #{button_background_color}; background-image: url({base_url}/images/lp10_BUTTON-BG.png); background-repeat: no-repeat; background-position: left bottom; } .button:visited { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background-color: #{button_background_color}; font-family: Verdana, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 36px; border: 3px solid #{button_background_color}; background-image: url({base_url}/images/lp10_BUTTON-BG.png); background-repeat: no-repeat; background-position: left bottom; } .black { color: #{right_description_text_color}; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } ul li { list-style-image: url({base_url}/images/lp10_83dhkmxaj.png); list-style-position: outside; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #333; } h3 { background-image: url({base_url}/images/lp10_83dhkmxaj.png); background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #{bullet_text_color}; text-indent: 36px; font-weight:normal; } .footer-text { color:#{footer_text_color}; font-size: 12px; } .footer:link { color:#c1color; font-size: 12px; } .footer:hover { color:#{footer_text_color}; text-decoration:none; font-size: 12px; } .footer:active { color:#{footer_text_color}; font-size: 12px; } .footer:visited { color:#{footer_text_color}; font-size: 12px; } </style> </head> <body> <div id="wrapper"> <div id="right"> <h4>{right_header}</h4> <p class="black"><br /> {right_description_text_txtarea}</p> <h3>{bullet}</h3> <h3>{bullet2}</h3> <h3>{bullet3}</h3> <h3>{bullet4}</h3> <h3>{bullet5}</h3> <p> </p> <p> </p> <p align="center"><a href="{action_url}" style= "color:#{button_text_color}" class="button">{button_text}</a></p> </div> <div id="left"> <div id="header"> <h1>{left_heading_text}</h1> </div> <div id="blue-box"> <h2>{left_sub_heading_text}</h2> <p>{left_sub_description_text_txtarea}</p> </div> </div> <div id="footer"> <p align="right" class="footer-text">{copyright_text} {your_website_text}</p> </div> </div> </body> </html>