Skip to content
Loading
any one can help me my freinds  
  • class="clearfix">  
  • "c2" runat="server">  
  •   
  •   
  • class="footer_parent2 ">  
  • class="footer_sub2">  
  • "footer_listing2">  
  • "About Us" href="https://kk/about/index.htm?ca=9_s" >  
  • for="footer_aboutus">About Us  
  •   
  •  |  "Rules" href="https://kk/about/index.htm?">Rules  
  •  |   
  • "Post Free Ad" href="https://kk/ai" >Post Free Ad  
  •  |   
  • "Shop Safely" href="https://kk/security/index.htm" >Shop Safely  
  •  |   
  • "Banner Advertising" href="https://kk/support/form/0?">Banner Advertising  
  •  |   
  • "Contact Us" href="https://kk/support.htm?ca=9_s" >Contact Us  
  •  |   
  • "Careers" href="https://kk.my" >Careers  
  •  |   
  • "https://kk/about/" title="Terms and Conditions of Use" >Terms  
  •  |   
  • "https://kk/about/index.htm?ca=9_s&page=pp" title="Privacy Policy" >Privacy  
  • class="copyright_text_listing">"deer " href="https://kk/about/index.htm?ca=9_s&page=about#2d" >© deer    
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  • Second page (page joined with second master page)
    1. <%@ Page Title="" Language="C#" MasterPageFile="~/user/second-user-master.Master" AutoEventWireup="true" CodeBehind="secondpage-cars-page.aspx.cs" Inherits="deer.user.secondpage_cars_page" %>  
    2. "Content1" ContentPlaceHolderID="head" runat="server">  
    3.   
    4. "Content2" ContentPlaceHolderID="c2" runat="server">  
    5. class="car-markes-container">  
    6. class="upper-homepage2">  
    7. class="homepage-size2">  
    8. class="category">  
    9. class="category-items2">  
    10. "index.aspx" class="trackable trackable33">  
    11. "images/19.jpg"/>  
    12. Toyota
        
    13.   
    14. "https://www.google.com" class="trackable">  
    15. "images/20.png"/>  
    16. Lexus 
        
    17.   
    18. "thirdpage.aspx" class="trackable" >  
    19. "images/21.png"/>  
    20. Nissan
        
    21.   
    22. " thirdpage2.aspx " class="trackable" >  
    23. "images/22.png"/>  
    24. Mazda
        
    25.   
    26. "https://kk /Services-available-7040#lm=1" class="trackable" >  
    27. "images/23.jpg"/>  
    28. Mitsubishi
        
    29.   
    30. "https://kk/ Sports-Outdoors-for-sale-5020#lm=1" class="trackable">  
    31. "images/24.png"/>  
    32. Hyundai
        
    33.   
    34. "https://www.google.com " class="trackable" >  
    35. "images/25.png"/>  
    36. KIA
        
    37.   
    38. " https://www.google.com " class="trackable" >  
    39. "images/26.png"/>  
    40. BMW
        
    41.   
    42. " https://www.google.com " class="trackable" >  
    43. "images/27.png"/>  
    44. Mercedes Benz
        
    45.   
    46. " https://www.google.com " class="trackable trackable34" >  
    47. "images/28.jpg"/>  
    48. Volkswagen
        
    49.   
      

  •   
  •   
  • class="category-items2">  
  • "cars-page.aspx" class="trackable trackable33" runat="server">  
  • "images/29.png"/>  
  • Mini Cooper
      
  •   
  • " https://www.google.com " class="trackable">  
  • "images/30.png"/>  
  • Audi
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/31.png"/>  
  • Opel
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/32.png"/>  
  • Ford
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/33.png"/>  
  • Infinity 
      
  •   
  • " https://www.google.com " class="trackable">  
  • "images/34.png"/>  
  • Shoverlet 
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/35.png"/>  
  • Jeep
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/36.png"/>  
  • Dodge
      
  •   
  • " https://www.google.com " class="trackable" >  
  • "images/37.png"/>  
  • Chery
      
  •   
  • " https://www.google.com " data-toggle="modal" data-target="#otherCatModal" class="trackable trackable34" >  
  • "images/theedots.png"/>  
  • All Makes/Others
      
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  • Css file(c1.css)  
  • *{  
  • margin: 0px;  
  • padding: 0px;  
  • -webkit-box-sizing: border-box;  
  • -moz-box-sizing: border-box;  
  • -o-box-sizing: border-box;  
  • -ms-box-sizing: border-box;  
  • box-sizing: border-box;  
  • }  
  • body {  
  • height: 1400px;  
  • }  
  • div.holder2 {  
  • }  
  • /* Strat css for logo and top-head */  
  • div.for-head2 {  
  • background-color: white;  
  • height: 80px;  
  • }  
  • .img-pro-logo2 {  
  • width: 105px;  
  • float: left;  
  • height: 80px;  
  • margin-top: -13px;  
  • margin-left: 5px;  
  • margin-right: 100px;  
  • }  
  • /* Start nav header in second page*/  
  • .header2 {  
  • font-size: 62.5%;  
  • font-family: 'Open Sans', sans-serif;  
  • font-size: 1.6rem;  
  • min-height: 100vh;  
  • position: relative;  
  • top: 12px;  
  • }  
  • ul {  
  • display: block;  
  • list-style-type: disc;  
  • margin-block-start: 1em;  
  • margin-block-end: 1em;  
  • margin-inline-start: 0px;  
  • margin-inline-end: 0px;  
  • padding-inline-start: 0px;  
  • }  
  • nav ul {  
  • display: flex;  
  • flex-wrap: wrap;  
  • max-width: 1080px;  
  • background: #999;  
  • list-style: none;  
  • }  
  • nav ul,  
  • nav li {  
  • flex: 1;  
  • }  
  • nav li:last-child {  
  • border-bottom: none;  
  • }  
  • nav a {  
  • text-decoration: none;  
  • color: inherit;  
  • display: block;  
  • font-size: 18px;;  
  • }  
  • nav a:hover {  
  • background: #EEB422;  
  • color: black;  
  • }  
  • nav li {  
  • position: relative;  
  • line-height: 50px;  
  • color: #fff;  
  • text-align: center;  
  • }  
  • nav input,  
  • nav label {  
  • display: none;  
  • width: 36px;  
  • height: 36px;  
  • background: #555;  
  • color: #fff;  
  • text-align: center;  
  • line-height: 36px;  
  • font-size: 1.6rem;  
  • border-radius: 2px;  
  • }  
  • nav label {  
  • position: absolute;  
  • top: 8px;  
  • right: 8px;  
  • transition: .4s;  
  • }  
  • nav label:hover {  
  • cursor: pointer;  
  • }  
  • nav label:before {  
  • font-family: FontAwesome;  
  • font-size: 24px;  
  • content: "\f0c9";  
  • text-align: center;  
  • }  
  • /************* MEDIA QUERIES **************/  
  • @media only screen and (max-width: 1080px) {  
  • nav {  
  • position: relative;  
  • }  
  • nav ul {  
  • transform: translateY(0);  
  • box-shadow: 0 0 5px rgba(0,0,0, .7);  
  • transition: all .5s;  
  • position: absolute;  
  • width: 100%;  
  • }  
  • nav li {  
  • flex: none;  
  • width: 100%;  
  • border-bottom: solid 1px #777;  
  • }  
  • nav input[type="checkbox"]:checked + ul {  
  • transform: translateY(-100%);  
  • width: 100%;  
  • background: #999;  
  • transition: all .5s;  
  • }  
  • nav label {  
  • display: block;  
  • }  
  • nav input[type="checkbox"]:checked + ul li:nth-child(1) {  
  • background: #777;  
  • color: #fff;  
  • }  
  • }  
  • /* End css for logo and top-head */  
  • div.master2 {  
  • background-color: #F7F7F7;  
  • margin-top: 5px;  
  • margin-bottom: 5px;  
  • height: 300px;  
  • }  
  • /* Start "find-faster" DIV */  
  • div.find-faster2 {  
  • max-height: 200px;  
  • }  
  • /* End "find-faster" DIV */  
  • /* Start "fixed" DIV */  
  • div.fixed2 {  
  • float: left;  
  • height: 200px;  
  • width: 400px;  
  • background-color: #575757;  
  • border-radius: 20px 20px;  
  • position: absolute;  
  • ;  
  • left: 100px;  
  • margin-top: 50px;  
  • box-shadow: 5px 5px 8px #DDD, -5px -5px 8px #DDD;  
  • }  
  • div.fixed2 h2 {  
  • padding-top: 30px;  
  • padding-left: 25px;  
  • font-style: oblique;  
  • font-size: 28px;  
  • padding-bottom: 80px;  
  • color: #EEAD0E;  
  • }  
  • div.fixed2 ul {  
  • list-style-type: none;  
  • margin-left: 10px;  
  • padding: 0;  
  • }  
  • div.fixed2 ul li {  
  • display: inline;  
  • --c: goldenrod;  
  • color: var(--c);  
  • font-size: 14px;  
  • border: 0.3em solid var(--c);  
  • border-radius: 0.5em;  
  • width: 12em;  
  • height: 3.5em;  
  • text-transform: uppercase;  
  • font-weight: bold;  
  • font-family: sans-serif;  
  • letter-spacing: 0.1em;  
  • text-align: center;  
  • line-height: 1em;  
  • position: relative;  
  • overflow: hidden;  
  • z-index: 1;  
  • transition: 0.5s;  
  • margin: 1em;  
  • padding: 10px;  
  • }  
  • div.fixed2 ul li span {  
  • position: absolute;  
  • width: 25%;  
  • height: 80%;  
  • transform: translateY(150%);  
  • border-radius: 50%;  
  • left: calc((var(--n) - 1) * 25%);  
  • transition: 0.5s;  
  • transition-delay: calc((var(--n) - 1) * 0.1s);  
  • z-index: -1;  
  • }  
  • div.fixed2 ul li:hover {  
  • color: black;  
  • }  
  • div.fixed2 ul li:hover span {  
  • transform: translateY(0) scale(2);  
  • }  
  • div.fixed2 ul li span:nth-child(1) {  
  • --n: 1;  
  • }  
  • div.fixed2 ul li span:nth-child(2) {  
  • --n: 2;  
  • }  
  • div.fixed2 ul li span:nth-child(3) {  
  • --n: 3;  
  • }  
  • div.fixed2 ul li span:nth-child(4) {  
  • --n: 4;  
  • }  
  • /* End "fixed" DIV */  
  • /* Start "for-distance" DIV*/  
  • div.for-advertise2 {  
  • float: right;  
  • height: 267px;  
  • width: 500px;  
  • margin: 10px auto;  
  • overflow: hidden;  
  • position: relative;  
  • border-radius: 20px;  
  • margin-top: 18px;  
  • margin-right: 60px;  
  • }  
  • .photo2 {  
  • position: absolute;  
  • -webkit-animation: round 16s infinite;  
  • opacity: 0;  
  • width: 100%;  
  • }  
  • @-webkit-keyframes round {  
  • 25% {  
  • opacity: 1;  
  • }  
  • 40% {  
  • opacity: 0;  
  • }  
  • }  
  • div.for-advertise2 img:nth-child(4) {  
  • -webkit-animation-delay: 0s;  
  • }  
  • div.for-advertise2 img:nth-child(3) {  
  • -webkit-animation-delay: 4s;  
  • }  
  • div.for-advertise2 img:nth-child(2) {  
  • -webkit-animation-delay: 8s;  
  • }  
  • div.for-advertise2 img:nth-child(1) {  
  • -webkit-animation-delay: 12s;  
  • }  
  • /* End "for-distance" DIV*/  
  • /* Start First "clearfix" DIV*/  
  • div.clearfix {  
  • clear: both;  
  • }  
  • /* End First "clearfix" DIV*/  
  • /*Start footer part from second page to all project except first page*/  
  • .footer_parent2 {  
  • width: 100%;  
  • background-color: #808284;  
  • border-top: 3px solid #118fb6;  
  • position: absolute;  
  • right: 0;  
  • left: 0;  
  • z-index: 100;  
  • }  
  • .footer_sub2 {  
  • width: 970px;  
  • margin: 0 auto;  
  • padding: 0 30px;  
  • background-color: #808284;  
  • }  
  • #footer_listing2 {  
  • font-size: 12px;  
  • font-family: Roboto,Helvetica,Arial,sans-serif;  
  • color: #fff;  
  • clear: both;  
  • padding: 15px 0 5px;  
  • white-space: nowrap;  
  • vertical-align: baseline;  
  • outline: 0;  
  • font-size: 100%;  
  • }  
  • #footer_listing2 a:link, #footer_listing2 a:hover, #footer_listing2 a:visited {  
  • font-size: 10px;  
  • font-family: Roboto,Helvetica,Arial,sans-serif;  
  • color: #fff !important;  
  • font-weight: 400;  
  • }  
  • a:link {  
  • color: #369;  
  • text-decoration: none;  
  • font-family: Roboto,Helvetica,sans-serif,Arial;  
  • letter-spacing: .5pt;  
  • font-size: 12px;  
  • font-weight: 700;  
  • }  
  • .copyright_text_listing {  
  • padding-left: 29%;  
  • }  
  • /*End footer part from second page to all project except first page*/  
  • /*Start DIV for Cras-Marks-icon*/  
  • /*Start "homepage-size" DIV*/  
  • .cars-makes-container {  
  • background-color: #F7F7F7;  
  • margin-top: 5px;  
  • margin-bottom: 5px;  
  • height: 300px;  
  • }  
  • .homepage-size2 {  
  • width: 1050px;  
  • margin: 0 auto;  
  • height: 278px;  
  • padding-top: 11px;  
  • border-width: 3px;  
  • border-style: inset;  
  • border-radius: 16px;  
  • border-color: #1C6EA4;  
  • font-family: Calibri,Bahnschrift, Helvetica, sans-serif;  
  • margin-top:10px;  
  • margin-bottom:5px;  
  • }  
  • /*End "homepage-size" DIV*/  
  • /*Start "category-items" DIV*/  
  • .category-items2 {  
  • display: flex;  
  • justify-content: space-between;  
  • }  
  • .category-items2 .trackable33 {  
  • margin-left: 15px;  
  • }  
  • .category-items2 .trackable34 {  
  • margin-right: 15px;  
  • }  
  • .category-items2 > a.trackable {  
  • width: 94px;  
  • height: 110px;  
  • border: 1px solid #e6e6e6;  
  • border-radius: 2px;  
  • text-align: center;  
  • background-color: #fafafa;  
  • }  
  • .category-items2 > a:hover {  
  • border: 1px solid #CD0000;  
  • border-radius: 2px;  
  • text-align: center;  
  • background-color: #FFFFFF;  
  • cursor:pointer;  
  • }  
  • .category-items2 > a > div {  
  • font-size: 12px;  
  • color: #4d4d4d;  
  • font-weight: bold;  
  • padding: 10px 5px;  
  • line-height: 1.3;  
  • }  
  • div, a, span, area, button, input {  
  • outline: 0 !important;  
  • text-decoration: none;  
  • color: inherit;  
  • }  
  • .category-items2 > a > img {  
  • margin: 16px 0 0;  
  • width: 50px;  
  • height: 47px;  
  • }  
  • .category-items2 img {  
  • vertical-align: middle;  
  • }  
  • .category-items2 img {  
  • border: 0;  
  • }  
  • /*End "category-items" DIV*/  
  • /*End DIV for Cars-Marks-icon*/  
  • 1 Reply

    Know the answer? Post it — somebody with the same question will find it here.