add prettier and eslint
This commit is contained in:
parent
9d8a8c9b2f
commit
eab080d599
4
.idea/watcherTasks.xml
Normal file
4
.idea/watcherTasks.xml
Normal file
@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
|
||||
</project>
|
||||
20
sesame-vitejs/sesame/.eslintrc.json
Normal file
20
sesame-vitejs/sesame/.eslintrc.json
Normal file
@ -0,0 +1,20 @@
|
||||
{
|
||||
"root": true,
|
||||
"env": {
|
||||
"browser": true,
|
||||
"es2021": true,
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/vue3-recommended",
|
||||
"eslint:recommended",
|
||||
"@vue/typescript/recommended"
|
||||
],
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 2021
|
||||
},
|
||||
"plugins": [
|
||||
],
|
||||
"rules": {
|
||||
}
|
||||
}
|
||||
1
sesame-vitejs/sesame/.prettierrc.json
Normal file
1
sesame-vitejs/sesame/.prettierrc.json
Normal file
@ -0,0 +1 @@
|
||||
{}
|
||||
527
sesame-vitejs/sesame/package-lock.json
generated
527
sesame-vitejs/sesame/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -7,13 +7,22 @@
|
||||
"start": "vite",
|
||||
"dev": "vite",
|
||||
"build": "vue-tsc && vite build",
|
||||
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
|
||||
"format": "prettier . --write",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^3.2.47"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@typescript-eslint/eslint-plugin": "^5.59.7",
|
||||
"@typescript-eslint/parser": "^5.59.7",
|
||||
"@vitejs/plugin-vue": "^4.1.0",
|
||||
"@vue/eslint-config-typescript": "^11.0.3",
|
||||
"eslint": "^8.41.0",
|
||||
"eslint-config-prettier": "^8.8.0",
|
||||
"eslint-plugin-vue": "^9.14.0",
|
||||
"prettier": "2.8.8",
|
||||
"rollup-plugin-scss": "^3.0.0",
|
||||
"sass": "^1.62.0",
|
||||
"typescript": "^5.0.2",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import CoverSection from './components/CoverSection.vue'
|
||||
import CoverSection from "./components/CoverSection.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -9,9 +9,7 @@ import CoverSection from './components/CoverSection.vue'
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
/******** all sections *********/
|
||||
|
||||
/*@import 'styles/main.scss';*/
|
||||
|
||||
/******** all sections *********/
|
||||
|
||||
/*@import 'styles/main.scss';*/
|
||||
</style>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
main nav {
|
||||
color: #fffdfc;
|
||||
font-size: 24px;
|
||||
|
||||
@ -11,7 +11,6 @@
|
||||
}
|
||||
|
||||
#main_title {
|
||||
|
||||
background: url("/img/sesame.png") no-repeat;
|
||||
background-size: contain;
|
||||
box-sizing: border-box;
|
||||
@ -22,7 +21,6 @@
|
||||
position: relative;
|
||||
top: 4rem;
|
||||
width: 95vw;
|
||||
|
||||
}
|
||||
|
||||
#main_title_container h2 {
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
#hand {
|
||||
background: url("/img/hand 1.png") center;
|
||||
background-size: cover;
|
||||
@ -7,7 +6,7 @@
|
||||
position: relative;
|
||||
top: -2px;
|
||||
width: 100vw;
|
||||
z-index: 0
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
#main_title_container {
|
||||
@ -22,13 +21,11 @@
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#cover
|
||||
.title-container {
|
||||
#cover .title-container {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#cover h2 {
|
||||
|
||||
color: #fffdfc;
|
||||
font-size: 40px;
|
||||
font-style: normal;
|
||||
@ -43,9 +40,11 @@
|
||||
|
||||
#cover .button {
|
||||
backdrop-filter: blur(3px);
|
||||
background: linear-gradient(329.49deg,
|
||||
background: linear-gradient(
|
||||
329.49deg,
|
||||
rgba(255, 216, 244, 0) 34.06%,
|
||||
rgba(255, 207, 242, 0.2) 77.26%);
|
||||
rgba(255, 207, 242, 0.2) 77.26%
|
||||
);
|
||||
border-radius: 100%;
|
||||
bottom: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
@ -0,0 +1,38 @@
|
||||
#transactionnal_webdesign {
|
||||
padding-top: 363px;
|
||||
background: url('');
|
||||
font-family: "GT Walsheim Pro";
|
||||
color: #00001f;
|
||||
|
||||
.title {
|
||||
width: 1680px;
|
||||
height: 109px;
|
||||
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-size: 40px;
|
||||
line-height: 95%;
|
||||
text-align: center;
|
||||
letter-spacing: 0.2em;
|
||||
text-transform: uppercase;
|
||||
color: #fffdfc;
|
||||
|
||||
backdrop-filter: blur(5px);
|
||||
flex: none;
|
||||
order: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.description {
|
||||
color: rgba(231, 112, 100, 0.8);
|
||||
|
||||
font-weight: 600;
|
||||
font-size: 270px;
|
||||
line-height: 65%;
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
.color-emphasis {
|
||||
color: #1e33da;
|
||||
}
|
||||
}
|
||||
@ -1,4 +1,4 @@
|
||||
#coming_soon{
|
||||
#coming_soon {
|
||||
background: #2b74b1;
|
||||
z-index: 10;
|
||||
color: white;
|
||||
|
||||
@ -1,9 +1,7 @@
|
||||
|
||||
#welcome {
|
||||
background: #000;
|
||||
position: absolute;
|
||||
text-shadow: 0 0 1rem #333;
|
||||
|
||||
}
|
||||
|
||||
#welcome img {
|
||||
@ -71,4 +69,3 @@
|
||||
top: 523px;
|
||||
width: 275px;
|
||||
}
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
#open {
|
||||
box-sizing: border-box;
|
||||
color: rgba(248, 243, 241, 0.1);
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
#content {
|
||||
height: 60vh;
|
||||
min-height: 200px;
|
||||
@ -65,7 +64,6 @@
|
||||
}
|
||||
|
||||
#content_first {
|
||||
|
||||
backdrop-filter: blur(5px);
|
||||
color: #e77064;
|
||||
flex: none;
|
||||
|
||||
@ -82,9 +82,14 @@
|
||||
top: 56px;
|
||||
}
|
||||
|
||||
.arrow-left, .arrow-right {
|
||||
.arrow-left,
|
||||
.arrow-right {
|
||||
backdrop-filter: blur(5px);
|
||||
background: linear-gradient(310.41deg, rgba(255, 255, 255, 0.3) 10.9%, rgba(255, 255, 255, 0) 81.35%);
|
||||
background: linear-gradient(
|
||||
310.41deg,
|
||||
rgba(255, 255, 255, 0.3) 10.9%,
|
||||
rgba(255, 255, 255, 0) 81.35%
|
||||
);
|
||||
border: solid 2px #1e33da;
|
||||
border-radius: 70px;
|
||||
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
|
||||
#portfolio {
|
||||
background: url("/img/bg_grey.jpg") no-repeat;
|
||||
background-position: center;
|
||||
|
||||
@ -7,7 +7,6 @@
|
||||
top: 15rem;
|
||||
}
|
||||
|
||||
|
||||
#cover .button {
|
||||
top: 7vh;
|
||||
}
|
||||
@ -19,12 +18,12 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#content_all .columns{
|
||||
#content_all .columns {
|
||||
top: -145vh;
|
||||
width: 55vw;
|
||||
}
|
||||
.columns{
|
||||
display:block !important;
|
||||
.columns {
|
||||
display: block !important;
|
||||
}
|
||||
.column {
|
||||
width: 100% !important;
|
||||
@ -40,52 +39,49 @@
|
||||
margin-top: -120vh;
|
||||
position: static;
|
||||
}
|
||||
.flip-container{
|
||||
.flip-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.flip-container + .flip-container{
|
||||
.flip-container + .flip-container {
|
||||
margin-top: -5vh;
|
||||
}
|
||||
.flip-container .container-text{
|
||||
.flip-container .container-text {
|
||||
z-index: 1;
|
||||
left:33vw;
|
||||
left: 33vw;
|
||||
}
|
||||
.flip-container .text-title{
|
||||
margin-top:0;
|
||||
.flip-container .text-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.flip-container .phone-container{
|
||||
.flip-container .phone-container {
|
||||
left: 42vw;
|
||||
top: 5vh;
|
||||
}
|
||||
.flip-container.flip-from-left .container-text{
|
||||
.flip-container.flip-from-left .container-text {
|
||||
left: 33vw;
|
||||
top: 5vh;
|
||||
}
|
||||
.flip-container.flip-from-left .phone-container{
|
||||
.flip-container.flip-from-left .phone-container {
|
||||
left: 25vw;
|
||||
top: 10vh;
|
||||
}
|
||||
|
||||
#content-4{
|
||||
#content-4 {
|
||||
margin-top: 25vh;
|
||||
}
|
||||
#content-5
|
||||
{
|
||||
#content-5 {
|
||||
margin-top: 15vh;
|
||||
}
|
||||
|
||||
#popover{
|
||||
#popover {
|
||||
margin-top: 100vh;
|
||||
}
|
||||
/**
|
||||
exemples sliders
|
||||
*/
|
||||
.slider-screen .text-title{
|
||||
margin-top:1em;
|
||||
.slider-screen .text-title {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.slider-screen .text,
|
||||
.slider-screen .phone-container {
|
||||
@ -94,57 +90,55 @@
|
||||
left: 25vw;
|
||||
top: 5vh;
|
||||
}
|
||||
.bullets{
|
||||
.bullets {
|
||||
top: 28em;
|
||||
}
|
||||
.arrow-left,
|
||||
.arrow-right{
|
||||
.arrow-right {
|
||||
top: 60vh;
|
||||
}
|
||||
.slider-screen{
|
||||
min-height:100vh;
|
||||
.slider-screen {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 35em) {
|
||||
#main_title{
|
||||
#main_title {
|
||||
margin-top: 5vh;
|
||||
}
|
||||
}
|
||||
#main_title_container h2 {
|
||||
margin-top: 15vh;
|
||||
}
|
||||
|
||||
#content_all h2, #welcome h2 {
|
||||
#content_all h2,
|
||||
#welcome h2 {
|
||||
font-size: 4rem !important;
|
||||
}
|
||||
#content_all .text{
|
||||
padding-right:0;
|
||||
#content_all .text {
|
||||
padding-right: 0;
|
||||
}
|
||||
.container-text-md{
|
||||
.container-text-md {
|
||||
width: auto;
|
||||
}
|
||||
#content_all .columns{
|
||||
width:100%;
|
||||
#content_all .columns {
|
||||
width: 100%;
|
||||
margin: 1rem;
|
||||
}
|
||||
.flip-container .container-text{
|
||||
width:100%;
|
||||
left:5vw;
|
||||
}
|
||||
.flip-container .phone-container {
|
||||
|
||||
position: static;
|
||||
margin: 4rem auto;
|
||||
}
|
||||
.flip-container.flip-from-left .container-text{
|
||||
.flip-container .container-text {
|
||||
width: 100%;
|
||||
left: 5vw;
|
||||
}
|
||||
.flip-container .phone-container {
|
||||
position: static;
|
||||
margin: 4rem auto;
|
||||
}
|
||||
.flip-container.flip-from-left .container-text {
|
||||
left: 5vw;
|
||||
}
|
||||
.flip-container .phone-container {
|
||||
|
||||
margin-top: 7rem;
|
||||
}
|
||||
.flip-container .text-description{
|
||||
.flip-container .text-description {
|
||||
max-width: 90vw;
|
||||
}
|
||||
|
||||
@ -155,9 +149,9 @@
|
||||
margin-top: 45vh;
|
||||
}
|
||||
|
||||
.slider-screen .text, .slider-screen .phone-container{
|
||||
.slider-screen .text,
|
||||
.slider-screen .phone-container {
|
||||
left: 5vw;
|
||||
max-width: 90vw;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -12,7 +12,6 @@
|
||||
========================================================================== */
|
||||
|
||||
html {
|
||||
|
||||
background: #020225;
|
||||
color: #f9f3f1;
|
||||
|
||||
@ -180,9 +179,9 @@ textarea {
|
||||
}
|
||||
|
||||
@media print,
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 1.25dppx),
|
||||
(min-resolution: 120dpi) {
|
||||
/* Style adjustments for high resolution devices */
|
||||
}
|
||||
|
||||
|
||||
1785
sesame-vitejs/sesame/src/assets/styles/libs/bulma.css
vendored
1785
sesame-vitejs/sesame/src/assets/styles/libs/bulma.css
vendored
File diff suppressed because it is too large
Load Diff
@ -174,7 +174,8 @@ textarea {
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
input {
|
||||
/* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
@ -184,7 +185,8 @@ input { /* 1 */
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
select {
|
||||
/* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
@ -1,11 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
</script>
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<template>
|
||||
<section id="base_section" class="has-text-centerd">
|
||||
</section>
|
||||
<section id="base_section" class="has-text-centerd"></section>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
<style lang="scss"></style>
|
||||
|
||||
@ -1,101 +1,128 @@
|
||||
<script setup lang="ts">
|
||||
import {ref} from 'vue'
|
||||
|
||||
defineProps<{ msg: string }>()
|
||||
|
||||
const count = ref(0)
|
||||
</script>
|
||||
<script setup lang="ts"></script>
|
||||
|
||||
<template>
|
||||
<main class="has-text-centered">
|
||||
|
||||
<!-- sprint 4 content-->
|
||||
<section id="transactionnal_webdesign" class="has-text-centerd">
|
||||
|
||||
<h2>Transactional</h2>
|
||||
<p>
|
||||
Webcontent
|
||||
<section
|
||||
id="transactionnal_webdesign"
|
||||
class="has-text-centerd"
|
||||
>
|
||||
<h2 class="title">
|
||||
Transactional
|
||||
</h2>
|
||||
<p class="description">
|
||||
Webdesign
|
||||
</p>
|
||||
<div class="aside">
|
||||
Our creative competitive edge
|
||||
|
||||
We leverage our own studio in Paris equipped to produce all e-formats. We power transactional content with our
|
||||
technology. Our content is transactional and generate online sales. We produce multi-purpose content at scale
|
||||
for all touchpoints to reduce costs.
|
||||
<div class="columns">
|
||||
<div class="column first">
|
||||
<h3 class="sub-title">
|
||||
For all your
|
||||
<br>
|
||||
<span class="color-emphasis"> digital</span> uses.
|
||||
</h3>
|
||||
</div>
|
||||
<div class="column second">
|
||||
Our creative competitive edge <br>
|
||||
<br>
|
||||
We leverage our own studio in Paris equipped to produce all e-formats.
|
||||
We power transactional content with our technology. Our content is
|
||||
transactional and generate online sales. We produce multi-purpose
|
||||
content at scale for all touchpoints to reduce costs.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="carry">
|
||||
<p>We carry out web design and development</p>
|
||||
<p>in headless</p>
|
||||
<p>commerce.</p>
|
||||
<h2 class="color-emphasis">
|
||||
We carry out web design and development
|
||||
</h2>
|
||||
<p class="description">
|
||||
in headless commerce.
|
||||
</p>
|
||||
|
||||
<div class="bubbles">
|
||||
<p>Evolutive maintenance</p>
|
||||
<p>Front end (ux/ui) development</p>
|
||||
<p>Web App (pwa)
|
||||
development</p>
|
||||
<p>Web App (pwa) development</p>
|
||||
<p>Consulting</p>
|
||||
</div>
|
||||
<p>We craft e-commerce Ux template based on qualitative and quantitative studies</p>
|
||||
|
||||
<p>
|
||||
We craft e-commerce Ux template based on qualitative and quantitative
|
||||
studies
|
||||
</p>
|
||||
</section>
|
||||
<section id="kyc">
|
||||
<h2>We help you to know your customer needs</h2>
|
||||
<p>With our method</p>
|
||||
<a href="#kyc" class="button">
|
||||
Show Sesame method
|
||||
</a>
|
||||
<a
|
||||
href="#kyc"
|
||||
class="button"
|
||||
> Show Sesame method </a>
|
||||
|
||||
<div class="bubbles">
|
||||
<p>to Prioritize
|
||||
development
|
||||
effort</p>
|
||||
<p>
|
||||
to improve customer satisfaction
|
||||
</p>
|
||||
<p>to Prioritize development effort</p>
|
||||
<p>to improve customer satisfaction</p>
|
||||
<p>to increase conversion rate</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section id="china">
|
||||
<h2>Our China-inspired ui in 4 pillars</h2>
|
||||
<p>
|
||||
a quick and smoth consumer journey and never ending shopping experience at the same time
|
||||
a quick and smoth consumer journey and never ending shopping experience
|
||||
at the same time
|
||||
</p>
|
||||
<div class="blocks">
|
||||
<div class="block">
|
||||
<div class="top">Content driven</div>
|
||||
<div class="bottom">-Rebound rate</div>
|
||||
<div class="top">
|
||||
Content driven
|
||||
</div>
|
||||
<div class="bottom">
|
||||
-Rebound rate
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="top">Experimental</div>
|
||||
<div class="bottom">-Return rate</div>
|
||||
<div class="top">
|
||||
Experimental
|
||||
</div>
|
||||
<div class="bottom">
|
||||
-Return rate
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="top">Interactive</div>
|
||||
<div class="bottom">+Conversion rate</div>
|
||||
<div class="top">
|
||||
Interactive
|
||||
</div>
|
||||
<div class="bottom">
|
||||
+Conversion rate
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="top">Agile</div>
|
||||
<div class="bottom">+Retention rate</div>
|
||||
<div class="top">
|
||||
Agile
|
||||
</div>
|
||||
<div class="bottom">
|
||||
+Retention rate
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="we_develop">
|
||||
<h2>
|
||||
We develop custom-made innovative e-commerce features based on your brand stakes.
|
||||
We develop custom-made innovative e-commerce features based on your
|
||||
brand stakes.
|
||||
</h2>
|
||||
<div class="phone-container">
|
||||
<div class="top">
|
||||
|
||||
<div class="top" />
|
||||
<div class="picture" />
|
||||
<div class="bottom" />
|
||||
</div>
|
||||
<div class="picture"></div>
|
||||
<div class="bottom"></div>
|
||||
<div class="arrow-left" />
|
||||
<div class="arrow-right" />
|
||||
<div class="data">
|
||||
Data
|
||||
</div>
|
||||
<div class="data">
|
||||
AR
|
||||
</div>
|
||||
<div class="arrow-left"></div>
|
||||
<div class="arrow-right"></div>
|
||||
<div class="data">Data</div>
|
||||
<div class="data">AR</div>
|
||||
<div class="quick">
|
||||
Quick wins
|
||||
</div>
|
||||
@ -106,74 +133,83 @@
|
||||
<section id="full_creative">
|
||||
<h2>A full creative & production Studio in Paris</h2>
|
||||
<div class="tiles columns">
|
||||
<div class="aside column"></div>
|
||||
<div class="picture column"></div>
|
||||
<div class="picture column"></div>
|
||||
<div class="aside column" />
|
||||
<div class="picture column" />
|
||||
<div class="picture column" />
|
||||
</div>
|
||||
</section>
|
||||
<section id="our_team">
|
||||
<h2>Our team.</h2>
|
||||
<div class="sub-category">
|
||||
|
||||
<p>
|
||||
of experts and directors.
|
||||
</p>
|
||||
<p>of experts and directors.</p>
|
||||
<div class="columns">
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub-category">
|
||||
|
||||
<p>
|
||||
and our senior team
|
||||
</p>
|
||||
<p>and our senior team</p>
|
||||
<div class="columns">
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
<div class="person column">
|
||||
<div class="picture"></div>
|
||||
<p class="name">Name Surname</p>
|
||||
<div class="picture" />
|
||||
<p class="name">
|
||||
Name Surname
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section id="china_achievements">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
||||
<h2>Our China achievements</h2>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p>
|
||||
Backed by the Baozun Group (the leading e-commerce technology Group in China listed in NASDAQ and Hong Kong,
|
||||
reaching $10Mn GMV in 2021), we embrace China’s e-commerce, capitalizing on the market’s unique technology
|
||||
and digital sales mechanisms.
|
||||
Backed by the Baozun Group (the leading e-commerce technology Group
|
||||
in China listed in NASDAQ and Hong Kong, reaching $10Mn GMV in
|
||||
2021), we embrace China’s e-commerce, capitalizing on the market’s
|
||||
unique technology and digital sales mechanisms.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -187,41 +223,30 @@
|
||||
</h3>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="picture has-rounded-corners"></div>
|
||||
<div class="picture has-rounded-corners" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
|
||||
100+
|
||||
Luxury Store launches on incl. Christofle, De Beers etc.
|
||||
|
||||
40+
|
||||
Luxury Brands supported with E2E services
|
||||
|
||||
50+
|
||||
Brands assisted in social project commerces.
|
||||
|
||||
30+
|
||||
PROJECTS converted into Ecom Ops management.
|
||||
|
||||
30-60%
|
||||
Of our brands’ partner China GMV done online.
|
||||
100+ Luxury Store launches on incl. Christofle, De Beers etc. 40+
|
||||
Luxury Brands supported with E2E services 50+ Brands assisted in
|
||||
social project commerces. 30+ PROJECTS converted into Ecom Ops
|
||||
management. 30-60% Of our brands’ partner China GMV done online.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section id="baozun_group" class="has-rounded-corners">
|
||||
<section
|
||||
id="baozun_group"
|
||||
class="has-rounded-corners"
|
||||
>
|
||||
<h2>Baozun Group and Company.</h2>
|
||||
</section>
|
||||
</main>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
|
||||
#hand {
|
||||
background: url('/img/hand 1.png');
|
||||
#hand {
|
||||
background: url("/img/hand 1.png");
|
||||
background-size: cover;
|
||||
|
||||
position: absolute;
|
||||
@ -229,11 +254,10 @@
|
||||
height: 1300px;
|
||||
left: 1px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#cover {
|
||||
background: url('/img/BG 1.png') no-repeat;
|
||||
#cover {
|
||||
background: url("/img/BG 1.png") no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
h2 {
|
||||
@ -242,7 +266,7 @@
|
||||
left: 42vw;
|
||||
|
||||
/* Subtitle/desktop_1 */
|
||||
font-family: 'GT Walsheim Pro', Arial;
|
||||
font-family: "GT Walsheim Pro", Arial;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-size: 40px;
|
||||
@ -267,18 +291,20 @@
|
||||
height: 150px;
|
||||
padding: 1rem;
|
||||
color: white;
|
||||
font-family: 'GT Walsheim Pro', Arial;
|
||||
font-family: "GT Walsheim Pro", Arial;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
background: linear-gradient(329.49deg, rgba(255, 216, 244, 0) 34.06%, rgba(255, 207, 242, 0.2) 77.26%);
|
||||
background: linear-gradient(
|
||||
329.49deg,
|
||||
rgba(255, 216, 244, 0) 34.06%,
|
||||
rgba(255, 207, 242, 0.2) 77.26%
|
||||
);
|
||||
backdrop-filter: blur(2.96px);
|
||||
|
||||
border-radius: 100%;
|
||||
left: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { createApp } from 'vue'
|
||||
import './assets/styles/main.scss'
|
||||
import App from './App.vue'
|
||||
import { createApp } from "vue";
|
||||
import "./assets/styles/main.scss";
|
||||
import App from "./App.vue";
|
||||
|
||||
createApp(App).mount('#app')
|
||||
createApp(App).mount("#app");
|
||||
|
||||
@ -1,19 +1,26 @@
|
||||
import {defineConfig} from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import scss from 'rollup-plugin-scss'
|
||||
|
||||
import eslint from 'vite-plugin-eslint'
|
||||
|
||||
import stylelint from 'vite-plugin-stylelint';
|
||||
|
||||
import {ViteAliases} from 'vite-aliases'
|
||||
|
||||
import { defineConfig } from "vite";
|
||||
import vue from "@vitejs/plugin-vue";
|
||||
import scss from "rollup-plugin-scss";
|
||||
import eslint from "vite-plugin-eslint";
|
||||
import stylelint from "vite-plugin-stylelint";
|
||||
import { ViteAliases } from "vite-aliases";
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
/** @type {import('vite').UserConfig} */
|
||||
export default defineConfig({
|
||||
plugins: [vue(), scss(), ViteAliases(),stylelint({
|
||||
fix:true,
|
||||
}),eslint()],
|
||||
|
||||
})
|
||||
plugins: [
|
||||
vue(),
|
||||
scss(),
|
||||
ViteAliases(),
|
||||
// stylelint({
|
||||
// fix: true,
|
||||
// configBasedir: '.',
|
||||
// parserOptions: {
|
||||
// extraFileExtensions: true
|
||||
// }
|
||||
// }),
|
||||
eslint({
|
||||
fix: true,
|
||||
}),
|
||||
],
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user