Container

Preview:

Forrige

Næste

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Mdl. ydelse fra

kr. ,-

Udbetaling fra

kr. ,-

 

Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr.

Configuration:

Output:

Vue component

            
<CardModelLeasing :carItem="item" v-for="item in cardModelLeasing" :key="item.id" />

export default {
    data() {
        return {
            cardModelLeasing: [
                {
                LabelCampaign: true,
                LabelElectric: true,
                LabelNews: true,
                LabelHybrid: true,
                Image: require(`@/global/prototype-assets/images/models/a1-sportback.jpg`),
                Model: "A1",
                Line: "Sportback",
                Status: "Hurtig levering",
                MonthlyRate: 1.995,
                Payment: 4.995,
                FirstButton: "Vælg model",
                linkUrlFirst: "modelpage",
                Disclaimer: "Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr. ",
                },
            ],
        };
    },
};
            
        

Raw HTML

            
<div class="card-model-list">
  <div class="card-model-leasing">
    <div class="card-content">
      <div class="card-headline">
        <h4>A1 <span>Sportback</span></h4>
      </div>
      <div class="card-image">
        <img src="/_nuxt/src/global/prototype-assets/images/models/a1-sportback.jpg" alt=""> 
        <div class="card-labels">
          <div class="card-label card-label-news">Nyhed</div>
          <div class="card-label card-label-hybrid">Hybrid</div>
          <div class="card-label card-label-electric">Elektrisk</div>
          <div class="card-label card-label-campaign">Kampagne</div>
        </div>
      </div>
      <div class="card-prices">
        <div class="card-prices-item">
          <span>Mdl. ydelse fra</span> 
          <div>kr. 1.995,-</div>
        </div>
        <div class="card-prices-item">
          <span>Udbetaling fra</span> 
          <div>kr. 4.995,-</div>
        </div>
      </div>
      <div class="card-status font-weight-bold status-green">Hurtig levering</div> 
      <div class="card-buttons">
        <div class="card-button">
          <a href="/catalogue/modelpage" class="btn btn-secondary" role="button">
            Vælg model
          </a>
        </div>
      </div>
      <div class="card-disclaimer disclaimer">
        Forbrug v/bl. kørsel: 18.5-18.5 km/l. CO₂ 121-121 g/km. Samlet pris i leasingperioden (36 mdr.) fra: 76.959 kr. Mindstepris i bindingsperioden (12 mdr.) fra: 28.983 kr. 
      </div>
    </div>
  </div>
</div>
            
        

Comments

If you forget to set container "size" - it defaults to use <div class="container">