Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
newweb.tbf.ro
/
resources
/
js
/
views
/
TbfDigital
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
Pricing30Days.vue
| Size :
4.70
KB
Copy
<template> <div class="pricing"> <div class="pricing-1"> <div :class="[ $mq.below(960) ? 'container-section-mobile' : 'container-section']"> <div class="title">Începe de azi cu TBF Cursuri</div> <div class="section-description">Nu ai nevoie să aștepți. Poți începe de azi. Alege tipul de abonament care ți se potrivește, plătește online și primești acces imediat la articolele de training și la platforma TBF Digital.</div> <div class="laptop-video-background"> <div class="video-inside"><iframe frameborder="0" src="https://player.vimeo.com/video/648542228?h=9331bdb4f7"></iframe></div> </div> <div class="subscribe-webinar-3"> <button @click.prevent="ScrollToFormular"> Cumpără acum <icon-arrow class="icon-arrow" /> </button> </div> </div> </div> <section-faq /> <section-2 /> <div class="tbf-website"> <footer-tbf/> </div> </div> </template> <script> // import Section1 from '../../components/TbfDigital/pricing/SectionDesktop01' import Section2 from '../../components/TbfDigital/desktop/Section11' import SectionFaq from '../../components/TbfDigital/pricing/FaqOferta' import FooterTbf from '../../components/Tbf/desktop/FooterTbfThree' import IconArrow from '../../assets/Webinar/Arrow' export default { data() { return { meta: { title: "Software Românesc de Management prin Obiective", description: "TBF Digital este bazat pe un sistem complet de management, prin obiective și responsabilități clare, care îți permite să ai control și să scalezi fără să faci micromanagement.", image: process.env.MIX_VUE_APP_BASE_URL+"/build/images/share/Share - Digital.png" } }; }, components: { // Section1, Section2, SectionFaq, FooterTbf, IconArrow }, mounted: function() { }, methods: { }, metaInfo() { return { title: this.meta.title, titleTemplate: '%s « TBF', htmlAttrs: { lang: 'ro', amp: null }, meta: [ { name: 'description', content: this.meta.description}, { image: 'name', content: this.meta.title }, { image: 'description', content: this.meta.description }, { itemprop: 'image', content: this.meta.image }, // GOOGLE { name: 'robots', content: 'follow' }, { name: 'author', content: 'TBF.ro' }, { name: 'copyright', content: '' }, // FACEBOOK { property: "og:title", content: this.meta.title }, { property: "og:type", content: 'article' }, { property: "og:description", content: this.meta.description }, { property: "og:url", content: process.env.MIX_VUE_APP_BASE_URL+"/tbf-digital" }, { property: "fb:app_id", content: process.env.MIX_FB_ID }, { property:"og:image", content: this.meta.image }, // TWITTER { name: 'twitter:card', content: 'summary' }, { name: 'twitter:description', content: this.meta.description }, { name: 'twitter:title', content: this.meta.title }, { name: 'twitter:site', content: '@TBF' }, { name: 'twitter:creator', content: '@TBF' }, { name: 'twitter:image', content: this.meta.image }, ], } }, } </script> <style lang="scss"> .laptop-video-background{ padding: 10% 15%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-image: url('/build/images/laptop-video-center.png'); .video-inside{ padding: 56.25% 0px 0px; position: relative; border-radius: 12px; overflow: hidden; iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } } .subscribe-webinar-3{ text-align: center; margin-top: 40px; button{ border-radius: 37px; border: 1px solid #FEC710; background: #FEC710; color: #111110; padding: 12px 20px; height: 56px; display: inline-flex; align-items: center; font-size: 18px; cursor: pointer; line-height: 1; @media(max-width: 1679px){ height: 50px; padding: 10px 20px; font-size: 16px; } @media(max-width: 1439px){ height: 48px; padding: 10px 20px; font-size: 16px; } @media(max-width: 1279px){ height: 38px; font-size: 12px; } @media(max-width: 799px){ height: 46px; font-size: 14px; } @media(max-width: 640px){ width: 100%; max-width: 400px; justify-content: space-between; } .icon-arrow{ margin-left: 15px; transform: rotate(90deg); height: auto; width: 15px; @media(max-width: 799px){ width: 13px; } .stroke-color{ stroke: #1A1A1A; } } &:focus{ outline: none; } &:hover{ color: #FFF; background: #242424; border: 1px solid #242424; .icon-arrow{ .stroke-color{ stroke: #FEC710; } } } } } </style>
Back