|
|
|
@ -66,76 +66,6 @@
|
|
|
|
|
<div id="b-content">
|
|
|
|
|
|
|
|
|
|
<iframe :src="preview" class="preview-frame"></iframe>
|
|
|
|
|
<!-- <div :class="values.container">-->
|
|
|
|
|
<!-- <div class="row" id="items-icon">-->
|
|
|
|
|
<!-- <div class="col-md-4">-->
|
|
|
|
|
<!-- <i class="ri-twitter-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Social media-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="col-md-4">-->
|
|
|
|
|
<!-- <i class="ri-mail-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Contact-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="col-md-4">-->
|
|
|
|
|
<!-- <i class="ri-brush-4-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Design-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div id="big-box" :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- background: linear-gradient(49deg, ${values.primary} 42%, ${values.secondary} 100%);`">-->
|
|
|
|
|
<!-- <h3 class="diff">-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate iste ut-->
|
|
|
|
|
<!-- veritatis?-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="mobile" :style="generalStyle" v-if="device == 'mobile'">
|
|
|
|
@ -156,76 +86,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<iframe :src="preview" class="preview-frame"></iframe>
|
|
|
|
|
<!-- <div id="m-content" :class="values.container">-->
|
|
|
|
|
<!-- <div class="row" id="items-icon">-->
|
|
|
|
|
<!-- <div class="col-md-12">-->
|
|
|
|
|
<!-- <i class="ri-twitter-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Social media-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="col-12">-->
|
|
|
|
|
<!-- <i class="ri-mail-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Contact-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- <div class="col-12">-->
|
|
|
|
|
<!-- <i class="ri-brush-4-line"-->
|
|
|
|
|
<!-- :style="`color: ${values.primary};`"></i>-->
|
|
|
|
|
<!-- <h3 :style="`color: ${values.secondary};`">-->
|
|
|
|
|
<!-- Design-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- <p>-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam doloremque-->
|
|
|
|
|
<!-- eligendi reprehenderit voluptas? Ab amet autem doloremque, eius et harum magnam-->
|
|
|
|
|
<!-- maxime minima odio pariatur quaerat soluta temporibus velit.-->
|
|
|
|
|
<!-- </p>-->
|
|
|
|
|
<!-- <a class="btn-read-more"-->
|
|
|
|
|
<!-- :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- border-color: ${values.primary};-->
|
|
|
|
|
<!-- color: ${values.primary};`">-->
|
|
|
|
|
<!-- Read more-->
|
|
|
|
|
<!-- </a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!-- <div id="big-box" :style="`box-shadow: ${values.shadow} ;-->
|
|
|
|
|
<!-- border-radius: ${values['border-radius']} ;-->
|
|
|
|
|
<!-- background: linear-gradient(49deg, ${values.primary} 42%, ${values.secondary} 100%);`">-->
|
|
|
|
|
<!-- <h3 style="filter: invert(1);mix-blend-mode: difference;">-->
|
|
|
|
|
<!-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate iste ut-->
|
|
|
|
|
<!-- veritatis?-->
|
|
|
|
|
<!-- </h3>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|