Featured Post Today
print this page
Latest Post
Subscribe To Our Newsletter

Sign Up Now To Get Free Coupon Codes, Event Coupon Codes Updates, Offers Updates. It's 100% Free!

We Hate Spam! Really, It's terrible and we never do it.

Showing posts with label CSS Learning. Show all posts
Showing posts with label CSS Learning. Show all posts

CSS | Fix Background Image

How to fix background image with CSS?

<style>
html
    {
        height:100%;
        width:100%;
        background:url(http://www.southsoft.co.za/images/mysql.jpg) center center no-repeat;
        background-position:center;
 You can also give local file path
    }
</style>
0 comments

Pakistan Complete City List : xHTML, CSS


Pakistan Complete City List : xHTML, CSS

You can get complete +PAKISTAN City list here. You can use this drop down option in your contact form. 

 <!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=utf-8" />  
 <title>City list of Pakistan</title>  
 <style>    
      .form{    
            margin:10px auto;    
      }    
      .form label, select{    
            display:inline-block;    
            float:left;    
      }    
      .form label{    
            width:150px;    
      }    
      .body{    
            width:400px;    
            height:50px;    
            background-color:#C33;    
            padding:20px 20px 20px 20px;    
            margin:300px auto;  
            border-top-left-radius:25px;  
            border-bottom-right-radius:25px;  
      }    
 </style>    
 </head>  
 <body>  
 <div class="body">  
   <form class="form">  
     <label id="city"><strong>City list of Pakistan</strong>: </label>  
     <select id="city" name="city">  
      <option value="">- City -</option>  
         <optgroup label="Popular Cities">  
         <option value="faisalabad">Faisalabad</option>  
         <option value="gujranwala">Gujranwala</option>  
         <option value="hyderabad">Hyderabad</option>  
         <option value="islamabad">Islamabad</option>  
         <option value="karachi">Karachi</option>  
         <option value="lahore">Lahore</option>  
         <option value="multan">Multan</option>  
         <option value="peshawar">Peshawar</option>  
         <option value="quetta">Quetta</option>  
         <option value="rawalpindi">Rawalpindi</option>  
       </optgroup>  
       <optgroup label="Other Cities">  
         <option value="abbotabad">Abbotabad</option>  
         <option value="abdul-hakim">Abdul Hakim</option>  
         <option value="adda-jahan-khan">Adda Jahan Khan</option>  
         <option value="adda-shaiwala">Adda Shaiwala</option>  
         <option value="ahmedpur">Ahmedpur</option>  
         <option value="ahmedpur-sial">Ahmedpur Sial</option>  
         <option value="akhora-khattak">Akhora Khattak</option>  
         <option value="ali-chak">Ali Chak</option>  
         <option value="alipur">Alipur</option>  
         <option value="allahabad">Allahabad</option>  
         <option value="amangarh">Amangarh</option>  
         <option value="arifwala">Arifwala</option>  
         <option value="attock">Attock</option>  
         <option value="babri-banda">Babri Banda</option>  
         <option value="badin">Badin</option>  
         <option value="bahawalnagar">Bahawalnagar</option>  
         <option value="bahawalpur">Bahawalpur</option>  
         <option value="balakot">Balakot</option>  
         <option value="bannu">Bannu</option>  
         <option value="bat-khela">Bat Khela</option>  
         <option value="bhai-phayru">Bhai Phayru</option>  
         <option value="bhakkar">Bhakkar</option>  
         <option value="bhalwal">Bhalwal</option>  
         <option value="bhan-saeedabad">Bhan Saeedabad</option>  
         <option value="bhera">Bhera</option>  
         <option value="bhimbar">Bhimbar</option>  
         <option value="bhirya-road">Bhirya Road</option>  
         <option value="bhuwana">Bhuwana</option>  
         <option value="burewala">Burewala</option>  
         <option value="chacklala">Chacklala</option>  
         <option value="chak-jamal">Chak Jamal</option>  
         <option value="chak-jhumra">Chak Jhumra</option>  
         <option value="chak-sawara">Chak Sawara</option>  
         <option value="chak-shezad">Chak Shezad</option>  
         <option value="chakwal">Chakwal</option>  
         <option value="charsada">Charsada</option>  
         <option value="chashma">Chashma</option>  
         <option value="chawinda">Chawinda</option>  
         <option value="chichawatni">Chichawatni</option>  
         <option value="chiniot">Chiniot</option>  
         <option value="chishtian">Chishtian</option>  
         <option value="chitral">Chitral</option>  
         <option value="chohar-jamali">Chohar Jamali</option>  
         <option value="chopper-hatta">Chopper Hatta</option>  
         <option value="chowha-saidan-shah">Chowha Saidan Shah</option>  
         <option value="chowk-azam">Chowk Azam</option>  
         <option value="chowk-maitla">Chowk Maitla</option>  
         <option value="chowk-munda">Chowk Munda</option>  
         <option value="chunian">Chunian</option>  
         <option value="dadakhel">Dadakhel</option>  
         <option value="dadu">Dadu</option>  
         <option value="daharki">Daharki</option>  
         <option value="dandot">Dandot</option>  
         <option value="dargai">Dargai</option>  
         <option value="darya-khan">Darya Khan</option>  
         <option value="daska">Daska</option>  
         <option value="daud-khel">Daud Khel</option>  
         <option value="daulatpur">Daulatpur</option>  
         <option value="daultala">Daultala</option>  
         <option value="depalpur">Depalpur</option>  
         <option value="dera-gazi-khan">Dera Gazi Khan</option>  
         <option value="dera-ismail-khan">Dera Ismail Khan</option>  
         <option value="dera-murad-jamali">Dera Murad Jamali</option>  
         <option value="dera-nawab-sahib">Dera Nawab Sahib</option>  
         <option value="digri">Digri</option>  
         <option value="dijkot">Dijkot</option>  
         <option value="dina">Dina</option>  
         <option value="dinga">Dinga</option>  
         <option value="dir">Dir</option>  
         <option value="doaba">Doaba</option>  
         <option value="domeli">Domeli</option>  
         <option value="dudial">Dudial</option>  
         <option value="dunyapur">Dunyapur</option>  
         <option value="eminabad">Eminabad</option>  
         <option value="esa-khel">Esa Khel</option>  
         <option value="estate-l-m-factory">Estate L.M. Factory</option>  
         <option value="farooqabad">Farooqabad</option>  
         <option value="fateh-jang">Fateh Jang</option>  
         <option value="fatehpur">Fatehpur</option>  
         <option value="fazilpur">Fazilpur</option>  
         <option value="ferozwala">Ferozwala</option>  
         <option value="fiza-goth">Fiza Goth</option>  
         <option value="fortabbas">Fortabbas</option>  
         <option value="gadoon-amazai">Gadoon Amazai</option>  
         <option value="gaggo-mandi">Gaggo Mandi</option>  
         <option value="gakhar-mandi">Gakhar Mandi</option>  
         <option value="gambet">Gambet</option>  
         <option value="gambit">Gambit</option>  
         <option value="garh-maharaja">Garh Maharaja</option>  
         <option value="garh-more">Garh More</option>  
         <option value="garhi-yaseen">Garhi Yaseen</option>  
         <option value="gari-habibullah">Gari Habibullah</option>  
         <option value="ghari-mori">Ghari Mori</option>  
         <option value="gharo">Gharo</option>  
         <option value="ghazi">Ghazi</option>  
         <option value="ghaziabad">Ghaziabad</option>  
         <option value="ghotki">Ghotki</option>  
         <option value="gilgit">Gilgit</option>  
         <option value="gojar-khan">Gojar Khan</option>  
         <option value="gojra">Gojra</option>  
         <option value="goular-khel">Goular Khel</option>  
         <option value="guddu">Guddu</option>  
         <option value="gujjar-khan">Gujjar Khan</option>  
         <option value="gujrat">Gujrat</option>  
         <option value="gwadar">Gwadar</option>  
         <option value="hafizabad">Hafizabad</option>  
         <option value="hala">Hala</option>  
         <option value="hangu">Hangu</option>  
         <option value="haripur">Haripur</option>  
         <option value="hariwala">Hariwala</option>  
         <option value="haroonabad">Haroonabad</option>  
         <option value="harrapa">Harrapa</option>  
         <option value="hasilpur">Hasilpur</option>  
         <option value="hassan-abdal">Hassan Abdal</option>  
         <option value="hattar">Hattar</option>  
         <option value="haveli-lakha">Haveli Lakha</option>  
         <option value="havelian">Havelian</option>  
         <option value="hayatabad">Hayatabad</option>  
         <option value="hazro">Hazro</option>  
         <option value="head-marala">Head Marala</option>  
         <option value="hub">Hub</option>  
         <option value="hub-indus-estate">Hub Indus Estate</option>  
         <option value="hunza">Hunza</option>  
         <option value="jaccobabad">Jaccobabad</option>  
         <option value="jaja-abbasian">Jaja Abbasian</option>  
         <option value="jalalpur-jatan">Jalalpur Jatan</option>  
         <option value="jalalpur-priwala">Jalalpur Priwala</option>  
         <option value="jamal-din-wali">Jamal Din Wali</option>  
         <option value="jampur">Jampur</option>  
         <option value="jamrud-road">Jamrud Road</option>  
         <option value="jamshoro">Jamshoro</option>  
         <option value="jandanwala">Jandanwala</option>  
         <option value="jandiala-sher-khan">Jandiala Sher Khan</option>  
         <option value="janpur">Janpur</option>  
         <option value="jaranwala">Jaranwala</option>  
         <option value="jatoi">Jatoi</option>  
         <option value="jauharabad">Jauharabad</option>  
         <option value="jehangira">Jehangira</option>  
         <option value="jehanian">Jehanian</option>  
         <option value="jhal-magsi">Jhal Magsi</option>  
         <option value="jhand">Jhand</option>  
         <option value="jhang">Jhang</option>  
         <option value="jhatta-bhutta">Jhatta Bhutta</option>  
         <option value="jhelum">Jhelum</option>  
         <option value="jhudo">Jhudo</option>  
         <option value="kabirwala">Kabirwala</option>  
         <option value="kacha-khooh">Kacha Khooh</option>  
         <option value="kahroor-lalisan">Kahroor Lalisan</option>  
         <option value="kahror-pakka">Kahror Pakka</option>  
         <option value="kahuta">Kahuta</option>  
         <option value="kakul">Kakul</option>  
         <option value="kakur-town">Kakur Town</option>  
         <option value="kala-bagh">Kala Bagh</option>  
         <option value="kala-shah-kaku">Kala Shah Kaku</option>  
         <option value="kalaswala">Kalaswala</option>  
         <option value="kallar-syedan">Kallar Syedan</option>  
         <option value="kallur-kot">Kallur Kot</option>  
         <option value="kamalia">Kamalia</option>  
         <option value="kamalia-musa">Kamalia Musa</option>  
         <option value="kamber-ali-khan">Kamber Ali Khan</option>  
         <option value="kamoke">Kamoke</option>  
         <option value="kamra">Kamra</option>  
         <option value="kandh-kot">Kandh Kot</option>  
         <option value="kandiaro">Kandiaro</option>  
         <option value="karak">Karak</option>  
         <option value="kashmir">Kashmir</option>  
         <option value="kashmore">Kashmore</option>  
         <option value="kasowal">Kasowal</option>  
         <option value="kasur">Kasur</option>  
         <option value="kazi-ahmed">Kazi Ahmed</option>  
         <option value="khairpur">Khairpur</option>  
         <option value="khanbela">Khanbela</option>  
         <option value="khandabad">Khandabad</option>  
         <option value="khanewal">Khanewal</option>  
         <option value="khangarh">Khangarh</option>  
         <option value="khanpur">Khanpur</option>  
         <option value="khanqah-dogran">Khanqah Dogran</option>  
         <option value="khanqah-sharif">Khanqah Sharif</option>  
         <option value="kharian">Kharian</option>  
         <option value="khewra">Khewra</option>  
         <option value="khoski">Khoski</option>  
         <option value="khudian-khas">Khudian Khas</option>  
         <option value="khurianwala">Khurianwala</option>  
         <option value="khushab">Khushab</option>  
         <option value="khushal-kot">Khushal Kot</option>  
         <option value="khuzdar">Khuzdar</option>  
         <option value="kohat">Kohat</option>  
         <option value="kolo-tarar">Kolo Tarar</option>  
         <option value="kot-addu">Kot Addu</option>  
         <option value="kot-bunglow">Kot Bunglow</option>  
         <option value="kot-ghulam-muhammad">Kot Ghulam Muhammad</option>  
         <option value="kot-mithan">Kot Mithan</option>  
         <option value="kot-radha-kishan">Kot Radha Kishan</option>  
         <option value="kot-sultan">Kot Sultan</option>  
         <option value="kotla">Kotla</option>  
         <option value="kotla-arab-ali-khan">Kotla Arab Ali Khan</option>  
         <option value="kotla-jam">Kotla Jam</option>  
         <option value="kotla-patdan">Kotla Patdan</option>  
         <option value="kotli-loharan">Kotli Loharan</option>  
         <option value="kotli-sattian">Kotli Sattian</option>  
         <option value="kotri">Kotri</option>  
         <option value="kumboh">Kumboh</option>  
         <option value="kunjah">Kunjah</option>  
         <option value="kunri">Kunri</option>  
         <option value="laki-marwat">Laki Marwat</option>  
         <option value="lala-musa">Lala Musa</option>  
         <option value="lala-rukh">Lala Rukh</option>  
         <option value="lalian">Lalian</option>  
         <option value="lalsohanra">Lalsohanra</option>  
         <option value="larkana">Larkana</option>  
         <option value="lasbella">Lasbella</option>  
         <option value="lawrencepur">Lawrencepur</option>  
         <option value="layyah">Layyah</option>  
         <option value="liaquatpur">Liaquatpur</option>  
         <option value="lodhran">Lodhran</option>  
         <option value="lower-dir">Lower Dir</option>  
         <option value="luddan">Luddan</option>  
         <option value="machi-goth">Machi Goth</option>  
         <option value="madina">Madina</option>  
         <option value="mailsi">Mailsi</option>  
         <option value="makhdoom-aali">Makhdoom Aali</option>  
         <option value="makli">Makli</option>  
         <option value="malakand-agency">Malakand Agency</option>  
         <option value="malakwal">Malakwal</option>  
         <option value="mamunkanjan">Mamunkanjan</option>  
         <option value="mandi-bahauddin">Mandi Bahauddin</option>  
         <option value="mandi-sadiq-gunj">Mandi Sadiq Gunj</option>  
         <option value="mandra">Mandra</option>  
         <option value="manga-mandi">Manga Mandi</option>  
         <option value="mangal-sada">Mangal Sada</option>  
         <option value="mangi">Mangi</option>  
         <option value="mangla">Mangla</option>  
         <option value="mangowal">Mangowal</option>  
         <option value="manoabad">Manoabad</option>  
         <option value="manshera">Manshera</option>  
         <option value="mardan">Mardan</option>  
         <option value="mari-indus">Mari Indus</option>  
         <option value="mastoi">Mastoi</option>  
         <option value="matiari">Matiari</option>  
         <option value="matli">Matli</option>  
         <option value="mehar">Mehar</option>  
         <option value="mehmood-kot">Mehmood Kot</option>  
         <option value="mehrabpur">Mehrabpur</option>  
         <option value="mian-chunnu">Mian Chunnu</option>  
         <option value="mianwali">Mianwali</option>  
         <option value="minchinabad">Minchinabad</option>  
         <option value="mingora">Mingora</option>  
         <option value="mir-ali">Mir Ali</option>  
         <option value="miran-shah">Miran Shah</option>  
         <option value="mirpur">Mirpur</option>  
         <option value="mirpur-khas">Mirpur Khas</option>  
         <option value="mirpur-mathelo">Mirpur Mathelo</option>  
         <option value="mohanjo-daro">Mohanjo Daro</option>  
         <option value="more-kunda">More Kunda</option>  
         <option value="morgah">Morgah</option>  
         <option value="moro">Moro</option>  
         <option value="mubarikpur">Mubarikpur</option>  
         <option value="muridkay">Muridkay</option>  
         <option value="murree">Murree</option>  
         <option value="musafir-khana">Musafir Khana</option>  
         <option value="mustung">Mustung</option>  
         <option value="muzaffarabad">Muzaffarabad</option>  
         <option value="muzaffargarh">Muzaffargarh</option>  
         <option value="nankana-sahib">Nankana Sahib</option>  
         <option value="narang-mandi">Narang Mandi</option>  
         <option value="narowal">Narowal</option>  
         <option value="naseerabad">Naseerabad</option>  
         <option value="naudero">Naudero</option>  
         <option value="naukot">Naukot</option>  
         <option value="nawab-shah">Nawab Shah</option>  
         <option value="nilore">Nilore</option>  
         <option value="noor-kot">Noor Kot</option>  
         <option value="noorpur-noranga">Noorpur Noranga</option>  
         <option value="noorpur-thal">Noorpur Thal</option>  
         <option value="nowshera">Nowshera</option>  
         <option value="nowshera-cantt">Nowshera Cantt</option>  
         <option value="nowshero-feroz">Nowshero Feroz</option>  
         <option value="okara">Okara</option>  
         <option value="padidan">Padidan</option>  
         <option value="pakpattan-sharif">Pakpattan Sharif</option>  
         <option value="panjan-kisan">Panjan Kisan</option>  
         <option value="panjgoor">Panjgoor</option>  
         <option value="pannu-aqil">Pannu Aqil</option>  
         <option value="pasni">Pasni</option>  
         <option value="pasroor">Pasroor</option>  
         <option value="patoki">Patoki</option>  
         <option value="phagwar">Phagwar</option>  
         <option value="phalia">Phalia</option>  
         <option value="phool-nagar">Phool Nagar</option>  
         <option value="piaro-goth">Piaro Goth</option>  
         <option value="pind-dadan-khan">Pind Dadan Khan</option>  
         <option value="pindi-bhattian">Pindi Bhattian</option>  
         <option value="pindi-gheb">Pindi Gheb</option>  
         <option value="piplan">Piplan</option>  
         <option value="pir-mahal">Pir Mahal</option>  
         <option value="pishin">Pishin</option>  
         <option value="qalandarabad">Qalandarabad</option>  
         <option value="qasba-gujrat">Qasba Gujrat</option>  
         <option value="qazi-ahmed">Qazi Ahmed</option>  
         <option value="quaidabad">Quaidabad</option>  
         <option value="qutabpur">Qutabpur</option>  
         <option value="rabwah">Rabwah</option>  
         <option value="rahimyar-khan">Rahimyar Khan</option>  
         <option value="rahwali">Rahwali</option>  
         <option value="raiwind">Raiwind</option>  
         <option value="rajana">Rajana</option>  
         <option value="rajanpur">Rajanpur</option>  
         <option value="rang-pur">Rang pur</option>  
         <option value="rangoo">Rangoo</option>  
         <option value="ranipur">Ranipur</option>  
         <option value="ratto-dero">Ratto Dero</option>  
         <option value="rawala-kot">Rawala Kot</option>  
         <option value="rawat">Rawat</option>  
         <option value="renala-khurd">Renala Khurd</option>  
         <option value="risalpur">Risalpur</option>  
         <option value="rohri">Rohri</option>  
         <option value="sadiqabad">Sadiqabad</option>  
         <option value="safdarabad">Safdarabad</option>  
         <option value="sagri">Sagri</option>  
         <option value="sahiwal">Sahiwal</option>  
         <option value="saidu-sharif">Saidu Sharif</option>  
         <option value="sajawal">Sajawal</option>  
         <option value="sakrand">Sakrand</option>  
         <option value="samanabad">Samanabad</option>  
         <option value="sambrial">Sambrial</option>  
         <option value="samma-satta">Samma Satta</option>  
         <option value="samundri">Samundri</option>  
         <option value="sanghar">Sanghar</option>  
         <option value="sanghi">Sanghi</option>  
         <option value="sangla-hill">Sangla Hill</option>  
         <option value="sanjwal">Sanjwal</option>  
         <option value="sara-e-alamgir">Sara-e-Alamgir</option>  
         <option value="sargodha">Sargodha</option>  
         <option value="satiana">Satiana</option>  
         <option value="serai-alamgir">Serai Alamgir</option>  
         <option value="shadiwal">Shadiwal</option>  
         <option value="shah-jamal">Shah Jamal</option>  
         <option value="shah-kot">Shah Kot</option>  
         <option value="shahdad-kot">Shahdad Kot</option>  
         <option value="shahdadpur">Shahdadpur</option>  
         <option value="shahpur-chakar">Shahpur Chakar</option>  
         <option value="shamsabad">Shamsabad</option>  
         <option value="shankiari">Shankiari</option>  
         <option value="shedani-sharif">Shedani Sharif</option>  
         <option value="sheikhupura">Sheikhupura</option>  
         <option value="shikarpur">Shikarpur</option>  
         <option value="shor-kot">Shor Kot</option>  
         <option value="shujabad">Shujabad</option>  
         <option value="sialkot">Sialkot</option>  
         <option value="sibi">Sibi</option>  
         <option value="sihala">Sihala</option>  
         <option value="sikandarabad">Sikandarabad</option>  
         <option value="sillanwali">Sillanwali</option>  
         <option value="sita-road">Sita Road</option>  
         <option value="skardu">Skardu</option>  
         <option value="sohawa-district-daska">Sohawa District Daska</option>  
         <option value="sohawa-district-jhelum">Sohawa District Jhelum</option>  
         <option value="sukkur">Sukkur</option>  
         <option value="swabi">Swabi</option>  
         <option value="swat">Swat</option>  
         <option value="takhtbai">Takhtbai</option>  
         <option value="talagang">Talagang</option>  
         <option value="talamba">Talamba</option>  
         <option value="tando-adam">Tando Adam</option>  
         <option value="tando-allahyar">Tando Allahyar</option>  
         <option value="tando-jam">Tando Jam</option>  
         <option value="tando-muhammad-khan">Tando Muhammad Khan</option>  
         <option value="tank">Tank</option>  
         <option value="taranda-muhammad-pannah">Taranda Muhammad Pannah</option>  
         <option value="tarbela">Tarbela</option>  
         <option value="taunsa-sharif">Taunsa Sharif</option>  
         <option value="taxila">Taxila</option>  
         <option value="thal">Thal</option>  
         <option value="tharo-shah">Tharo Shah</option>  
         <option value="thatta">Thatta</option>  
         <option value="thing-jattan-more">Thing Jattan More</option>  
         <option value="tibba-sultanpur">Tibba Sultanpur</option>  
         <option value="tobatek-singh">Tobatek Singh</option>  
         <option value="topi">Topi</option>  
         <option value="toru">Toru</option>  
         <option value="turbat">Turbat</option>  
         <option value="ubaro">Ubaro</option>  
         <option value="ubauro">Ubauro</option>  
         <option value="ugoki">Ugoki</option>  
         <option value="umar-kot">Umar Kot</option>  
         <option value="usta-muhammad">Usta Muhammad</option>  
         <option value="vehari">Vehari</option>  
         <option value="village-sunder">Village Sunder</option>  
         <option value="wah-cantt">Wah Cantt</option>  
         <option value="wahi-hussain">Wahi Hussain</option>  
         <option value="wan-radha-ram">Wan Radha Ram</option>  
         <option value="warah">Warah</option>  
         <option value="warburton">Warburton</option>  
         <option value="wazirabad">Wazirabad</option>  
         <option value="yazman-mandi">Yazman Mandi</option>  
         <option value="zafarwal">Zafarwal</option>  
         <option value="zahir-pir">Zahir Pir</option>  
       </optgroup>  
    </select>  
  </form>  
 </div>  
 </body>  
 </html>  

Get All Country List Here. You can also use it in your contact form.

0 comments

3D Colorful Email Template Design

3D design Email Template

Colors: Red, Light Green, Blue

designed this for users to attract more users to your money site. This Email is designed for new freelancing site. 3D Radial Gradient effect is used in this template. You can use it for email marketing. I have used it before.

 <!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=utf-8" />  
 <title>User Login Detail: SameeArticles.Blogspot.com</title>  
 </head>  
 <body>  
 <div style="background:#232323; alignment-adjust:central; padding:0; height:600; border:0; width:auto;">  
      <div style="height:30px; width:auto; padding:5; margin:0px 20px;">  
        <div style="margin:5px 0px; width:250; float:left; color:#FFF;">  
          <b>Tell:</b> +44-000-111-2222  
     </div>  
     <div style="margin:5px 0px; width:250; float:right; color:#FFF;">  
          <b>Email:</b> demo@sameearticles.blogspot.com  
     </div>  
   </div>  
   <div style="height:50px; margin:0px 20px; padding:20px; background-color:#F00">  
   <span style="font-size:36px; font-family:Georgia, 'Times New Roman', Times, serif; color:#00F;">People</span> <span style="font-size:36px; font-family:Georgia, 'Times New Roman', Times, serif; color:#690;">Freelancers</span>  
   </div>  
   <div style="background : radial-gradient(circle, #00F, #000) repeat scroll 0 0 transparent; padding:20px; margin:10px 20px; color:#FFF;">  
   <!-- Radial Gradient : https://sameearticles.blogspot.com/2014/01/how-to-add-radial-gradient-as-circle.html-->  
     <h1 style="color:#3F0;">Your Login Detail:</h1>  
     <p>Hello ##username##,</p>  
     <p>Welcome to PeopleFreelancers.com</p>  
     <p><strong>Your Username:</strong> ##username##</p>  
     <p><strong>Your Password:</strong> ##user_password##</p>  
     <p><strong>Login here:</strong> ##site_login_url##</p>  
     <p>Thank you,</p>  
     <h2><span style="font-family:Georgia, 'Times New Roman', Times, serif; color:#00F;">People</span> <span style="font-family:Georgia, 'Times New Roman', Times, serif; color:#690;">Freelancer Team</span></h2>  
   </div>  
   <div style="padding:5px 10px; margin:10px 20px; margin-bottom:10px; background:#0C0;">  
   <p align="center">  
        You have received this email because you have subscribed to QWC.Me as ##User_email##  
   </p>  
   <h3 align="center">Copyright &copy; 2016 Samee Articles</h3>  
     <span style="text-decoration:none; font-size:8px; color:#090;">Email Designed by : <a href="https://sameearticles.blogspot.com/">Samee Articles</a><span>  
   </div>  
   <div style="clear:both;">&nbsp;</div>  
 </div>  
 </body>  
 </html>  

Check My Email Marketing Results. Read Email Marketing Secrets


Contact Me:
Samee Ullah Feroz
(Web Analyst)
Skype: Samee2cool
0 comments

Blogging Platforms List : Complete dropdown list code

Blog Platforms
Blog Platforms
There are about 28 platforms for blogging. In which blogger and wordpress are at top. About more than 75% people are familiar with both of them. But you also should know about other platforms. Google supports all of them. Blogging platforms list is given below with code. Try it.

 <html lang="us-en" xml:lang="us-en">   
   <head>   
           <style>   
                .form{   
                     margin:10px auto;   
                }   
                .form label, select{   
                     display:inline-block;   
                     float:left;   
                }   
                .form label{   
                     width:150px;   
                }   
                .body{   
                     width:400px;   
                     height:50px;   
                     background-color:#C33;   
                     padding:20 20 20 20;   
                     margin:300px auto;   
                }   
     </style>   
   </head>   
   <body>   
     <div class="body">   
       <form class="form">   
         <div><label for="blogplatforms"><b>Blog Platforms:</b></label></div>   
         <div>  
         <select name="Blog Platforms" id="blogplatforms" size="1">  
           <option label="[Select Blog Platform]" value="" selected="selected">[Select Blog Platform]</option>  
           <option label="b2evolution" value="b2evolution">b2evolution</option>  
           <option label="Blogger/BlogSpot" value="Blogger/BlogSpot">Blogger/BlogSpot</option>  
           <option label="Drupal" value="Drupal">Drupal</option>  
           <option label="Dotclear" value="Dotclear">Dotclear</option>  
           <option label="Eggblog" value="Eggblog">Eggblog</option>  
           <option label="ExpressionEngine" value="ExpressionEngine">ExpressionEngine</option>  
           <option label="FlatPress" value="FlatPress">FlatPress</option>  
           <option label="Geeklog" value="Geeklog">Geeklog</option>  
           <option label="Joomla" value="Joomla">Joomla</option>  
           <option label="LifeType" value="LifeType">LifeType</option>  
           <option label="LiveJournal" value="LiveJournal">LiveJournal</option>  
           <option label="Loudblog" value="Loudblog">Loudblog</option>  
           <option label="Mambo" value="Mambo">Mambo</option>  
           <option label="MovableType" value="MovableType">MovableType</option>  
           <option label="Nucleus" value="Nucleus">Nucleus</option>  
           <option label="pMachine" value="pMachine">pMachine</option>  
           <option label="Posterous" value="Posterous">Posterous</option>  
           <option label="sBlog" value="sBlog">sBlog</option>  
           <option label="Serendipity" value="Serendipity">Serendipity</option>  
           <option label="SimplePHPBlog" value="SimplePHPBlog">SimplePHPBlog</option>  
           <option label="Simplog" value="Simplog">Simplog</option>  
           <option label="Text Pattern" value="Text Pattern">Text Pattern</option>  
           <option label="TypePad" value="TypePad">TypePad</option>  
           <option label="Tumblr" value="Tumblr">Tumblr</option>  
           <option label="WB News" value="WB News">WB News</option>  
           <option label="Wheatblog" value="Wheatblog">Wheatblog</option>  
           <option label="WordPress" value="WordPress">WordPress</option>  
           <option label="Xanga" value="Xanga">Xanga</option>  
           <option label="Zomplog" value="Zomplog">Zomplog</option>  
           <option label="Other Blog Platform" value="Other Blog Platform">Other Blog Platform</option>  
         </select>   
         </div>   
       </form>   
     </div>   
   </body>   
 </html>  

This list can help you whenever you will be offline.
Get country list code here.
0 comments

How to add radial and linear gradients with CSS3

radial gradient
How to add radial and linear gradient as circle with CSS.
Use bellow code it can help you like given image.
Some other beautiful Gradient functions are available. Like
  1. Radial-Gradient()
  2. Linear-Gradient()
  3. Repeating-Radial-Gradient()
  4. Repeating-Linear-Gradient()

Radial Gradient

 body{  
 background : radial-gradient(circle, #3E3E3E, #000) repeat scroll 0 0 transparent;  
 }  

Updated

Linear Gradient

 body{  
 background-image: linear-gradient(to bottom, #026CC4, #095A9B);  
 }  
Must share your views
0 comments
 
Support : | Internet Marketing Specialist And Business Developer
Copyright © 2013-2016. Samee Articles - All Rights Reserved
Proudly powered by Blogger