<body >
<canvas id="canvas" width="602" height="779"></canvas>
<div class="container">
- <!--<img src="bg.png" alt="">-->
+ <!--<img src="bg-2.png" alt="">-->
<div class="item">
<img src="SVG/1.svg" alt="" class="item-img item-img-1">
- <span class="item-title item-title-1"><span class="item-reveal">MARQUE-PAGES</span></span>
- <p class="item-description item-desc-1">Posez des marque-pages sur toutes les<br>
- pages qui vous intéressent, vous les<br>
- retrouverez ensuite en un clic. Et vous pouvez<br>
- aussi imprimer, enregistrer ou partager<br>
- en PDF juste ces pages.</p>
+ <span class="item-title item-title-1"><span class="item-reveal">BOOKMARKS</span></span>
+ <p class="item-description item-desc-1">Place a bookmark on each page that interests<br>
+ you and, in one click, easily find it. You can<br>
+ also print or download the selected pages as<br>
+ a PDF.</p>
</div>
<div class="item">
<img src="SVG/2.svg" alt="" class="item-img item-img-2">
- <span class="item-title item-title-2"><span class="item-reveal">ACCÈS DIRECT</span></span>
- <p class="item-description item-desc-2">Avec l'accès direct, ouvrez directement votre<br>
- Fluidbook à la bonne page depuis n'importe<br>
- quel site web.</p>
+ <span class="item-title item-title-2"><span class="item-reveal">DIRECT ACCESS</span></span>
+ <p class="item-description item-desc-2">
+ Directly open any page of your Fluidbook from <br>
+ any website.</p>
</div>
<div class="item">
<img src="SVG/3.svg" alt="" class="item-img item-img-3">
- <span class="item-title item-title-3"><span class="item-reveal">MULTILINGUE INCLUS</span></span>
+ <span class="item-title item-title-3"><span class="item-reveal">MULTILINGUAL</span></span>
<p class="item-description item-desc-3">
- Un simple paramètre dans l'adresse, et<br>
- l'interface prend la langue de votre choix,<br>
- magique ! Fluidbook existe déjà en 23 langues.<br>
- Et si une langue n'existe pas encore, nous<br>
- l'ajoutons gracieusement. Les textes peuvent<br>
- être lus de droite à gauche si nécessaire et <br>
- tous types de caractères sont les bienvenus.</p>
+ Simply change a parameter in the URL, and<br>
+ the interface language changes ! We have<br>
+ produced Fluidbooks in all kinds of languages,<br>
+ From English to Sinhalese and including<br>
+ Arabic and Hindi (right-to-left reading mode is<br>
+ supported).</p>
</div>
<div class="item">
<img src="SVG/4.svg" alt="" class="item-img item-img-4">
- <span class="item-title item-title-4"><span class="item-reveal">FEUILLETAGE SONORISÉ</span></span>
+ <span class="item-title item-title-4"><span class="item-reveal">SOUND EFFECTS</span></span>
<p class="item-description item-desc-4">
- Pour une expérience plus réaliste, un bruitage<br>
- accompagne le mouvement des pages. Un<br>
- bouton permet au visiteur de le couper à<br>
- tout moment. Et nous pouvons supprimer ce <br>
- bruitage si vous le souhaitez.</p>
+ For an enhanced experience, there is a page<br>
+ turning sound effect. The user can disable this<br>
+ if they wish.</p>
</div>
<div class="item">
<img src="SVG/5.svg" alt="" class="item-img item-img-5">
- <span class="item-title item-title-5"><span class="item-reveal">BARRE DE DÉFILEMENT AVEC<br>MINIATURES</span></span>
+ <span class="item-title item-title-5"><span class="item-reveal">SCROLL BAR WITH THUMBNAILS</span></span>
<p class="item-description item-desc-5">
- En dessous de votre brochure, une barre vous<br>
- permet de défiler directement vers la bonne<br>
- page et vous voyez apparaitre chaque page en<br>
- miniature.</p>
+ Quick access to any page using the scroll bar<br>
+ with embedded thumbnails.</p>
</div>
<div class="item">
<img src="SVG/6.svg" alt="" class="item-img item-img-6">
- <span class="item-title item-title-6"><span class="item-reveal">SOMMAIRE</span></span>
+ <span class="item-title item-title-6"><span class="item-reveal">TABLE OF CONTENTS</span></span>
<p class="item-description item-desc-6">
- Véritable table des matières, le sommaire<br>
- déroulant permet d'accèder directement aux<br>
- différentes rubriques de votre Fluidbook.</p>
+ A three level access to any page of your<br>
+ publication. A great way to organize access on<br>
+ Fluidbook with many pages.</p>
</div>
<div class="item">
<img src="SVG/7.svg" alt="" class="item-img item-img-7">
- <span class="item-title item-title-7"><span class="item-reveal">ENVOYER À UN AMI PAR EMAIL</span></span>
+ <span class="item-title item-title-7"><span class="item-reveal">SEND TO A FRIEND BY EMAIL</span></span>
<p class="item-description item-desc-7">
- Avec la fonction d'envoi d'un email<br>
- personnalisé à un ami, votre Fluidbook circule<br>
- et se fait connaître sur internet.</p>
+ With the "Send to a Friend" function you can<br>
+ send a page that interests you or a link to the<br>
+ whole Fluidbook to a friend.</p>
</div>
<div class="item">
<img src="SVG/8.svg" alt="" class="item-img item-img-8">
- <span class="item-title item-title-8"><span class="item-reveal">HÉBERGEMENT ULTRA SIMPLE</span></span>
+ <span class="item-title item-title-8"><span class="item-reveal">EASY HOSTING</span></span>
<p class="item-description item-desc-8">
- Votre Fluidbook vous est livré pour être<br>
- installé sur votre propre serveur, sans base de<br>
- données. Vous posez simplement les fichiers<br>
- sur votre serveur, et ça marche !</p>
+ We deliver you your Fluidbook, and you simply<br>
+ host it on your own server. Fluidbook can be<br>
+ installed on any server and does not need a<br>
+ database. Just transfer your files via FTP and<br>
+ that's it !</p>
</div>
<div class="item">
<img src="SVG/9.svg" alt="" class="item-img item-img-9">
- <span class="item-title item-title-9"><span class="item-reveal">IMPRESSION PERSONNALISÉE</span></span>
+ <span class="item-title item-title-9"><span class="item-reveal">PERSONALIZED PRINTING</span></span>
<p class="item-description item-desc-9">
- A tout moment, vous pouvez imprimer tout ou<br>
- une partie du Fluidbook. En simple ou double<br>
- page.</p>
+ You can print all or a selection of pages within<br>
+ your Fluidbook at any time, either as single<br>
+ pages or spreads.</p>
</div>
<div class="item">
<img src="SVG/10.svg" alt="" class="item-img item-img-10">
- <span class="item-title item-title-10"><span class="item-reveal">PLEIN ÉCRAN</span></span>
+ <span class="item-title item-title-10"><span class="item-reveal">FULL SCREEN</span></span>
<p class="item-description item-desc-10">
- Quelle que soit la taille de votre écran,<br>
- Fluidbook s'adapte pour s'afficher au plus<br>
- grand et vous offrir un confort visuel inégalé.<br>
- Et le bouton plein écran vous permet encore<br>
- d'agrandir l'affichage.</p>
+ Fluidbook adapts to all screen resolutions,<br>
+ which means that your publication always<br>
+ appears in the largest possible size. The<br>
+ fullscreen button gives even more space.</p>
</div>
<div class="item">
<img src="SVG/11.svg" alt="" class="item-img item-img-11">
- <span class="item-title item-title-11"><span class="item-reveal">INTERNET, CD-ROM OU CLEF USB</span></span>
+ <span class="item-title item-title-11"><span class="item-reveal">INTERNET, CD-ROM OR USB KEY...</span></span>
<p class="item-description item-desc-11">
- De série, nous vous livrons toutes les versions<br>
- dont vous avez besoins : internet, CD-ROM...<br>
- pour pouvoir être envoyé à vos clients ou<br>
- prospects, ou servir à vos commerciaux en<br>
- déplacement.</p>
+ Included in each Fluidbook you get all needed:<br>
+ internet, CD-ROM, USB key... for an online use<br>
+ or to send to your clients.</p>
</div>
<div class="item">
<img src="SVG/12.svg" alt="" class="item-img item-img-12">
- <span class="item-title item-title-12"><span class="item-reveal">RÉFÉRENCEMENT GOOGLE</span></span>
+ <span class="item-title item-title-12"><span class="item-reveal">SEO & GOOGLE RANKING</span></span>
<p class="item-description item-desc-12">
- Tous les textes contenus dans votre Fluidbook<br>
- sont extraits par notre système pour être<br>
- référencés naturellement par les principaux<br>
- moteur de recherche: Google, Yahoo...</p>
+ All the text in your Fluidbook is seen by the<br>
+ major search engines like Google and Bing.<br>
+ Search results link directly to the relevant<br>
+ page in your Fluidbook, driving more targeted<br>
+ traffic to your publication and website.</p>
</div>
<div class="item">
<img src="SVG/13.svg" alt="" class="item-img item-img-13">
- <span class="item-title item-title-13"><span class="item-reveal">STATISTIQUES</span></span>
+ <span class="item-title item-title-13"><span class="item-reveal">STATISTICS</span></span>
<p class="item-description item-desc-13">
- Avec notre module de statistiques intégré<br>
- vous savez combien de personnes ont vu<br>
- votre Fluidbook, quelles pages les ont le plus<br>
- intéressé, quels mots ils ont cherché, etc.</p>
+ With the integrated statistics tool you can<br>
+ discover how many people have seen your<br>
+ Fluidbook, which pages have been most<br>
+ viewed, which words have been most<br>
+ searched and other statistics vital to efficiently<br>
+ targeting your publication.</p>
</div>
<div class="item">
<img src="SVG/14.svg" alt="" class="item-img item-img-14">
- <span class="item-title item-title-14"><span class="item-reveal">VERSION PDF À TÉLÉCHARGER</span></span>
+ <span class="item-title item-title-14"><span class="item-reveal">PDF EXPORT</span></span>
<p class="item-description item-desc-14">
- Chaque Fluidbook peut être téléchargé<br>
- au format PDF (Fonction désactivable sur<br>
- demande).</p>
+ Each Fluidbook can be downloaded as the<br>
+ original PDF (this feature can be disabled if<br>
+ needed).</p>
</div>
<div class="item">
<img src="SVG/15.svg" alt="" class="item-img item-img-15">
- <span class="item-title item-title-15"><span class="item-reveal">CHARGEMENT OPTIMISÉ</span></span>
+ <span class="item-title item-title-15"><span class="item-reveal">OPTIMIZED LOADING</span></span>
<p class="item-description item-desc-15">
- Fluidbook charge chaque page<br>
- indépendamment, en continu.<br>
- Ce qui signifie que pendant que vous lisez<br>
- une page, les suivantes se chargent au fur<br>
- et à mesure et sont donc immédiatement<br>
- disponibles ensuite.</p>
+ Fluidbook loads each page separately and<br>
+ continually. Which means that while you are<br>
+ reading a page, subsequent pages are loading<br>
+ in the background, making them immediately<br>
+ available as you flick through the document.</p>
</div>
</div>
{
"version": 3,
-"mappings": "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",
+"mappings": "AAAA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;EAGV,WAAW,EAAE,WAAW;EACxB,GAAG,EAAE,+BAA+B;;EAEpC,WAAW,EAAE,YAAY;EACzB,GAAG,EAAE,mCAAmC;AAC1C,OAAO;EACL,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AACpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAaf,KAAK;;;;;;;;;;;;;;;EACH,SAAK;IACH,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;EACZ,WAAO;IACL,WAAW,EAAE,UAAU;IACvB,KAAK,EA/BD,OAAO;IAgCX,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,GAAG;IAChB,cAAc,EAAE,KAAK;IACrB,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,MAAM;EAClB,YAAQ;IACN,QAAQ,EAAE,QAAQ;EACpB,iBAAa;IACX,WAAW,EAAE,SAAS;IACtB,KAAK,EA1CD,OAAO;IA2CX,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,OAAO;IACvB,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,CAAC;EACZ,WAAO;IAjCP,KAAK,EAkCkB,IAAI;IAjC3B,MAAM,EAiC8B,IAAI;IAhCxC,GAAG,EAgC2C,KAAK;IA/BnD,IAAI,EA+BsD,IAAI;EAC9D,aAAS;IA9BT,GAAG,EA+BmB,KAAK;IA9B3B,IAAI,EA8B8B,IAAI;EACtC,YAAQ;IA7BR,GAAG,EA8ByB,KAAK;IA7BjC,IAAI,EA6BoC,IAAI;EAE5C,WAAO;IAxCP,KAAK,EAyCkB,IAAI;IAxC3B,MAAM,EAwC8B,IAAI;IAvCxC,GAAG,EAuC2C,KAAK;IAtCnD,IAAI,EAsCsD,IAAI;EAC9D,aAAS;IArCT,GAAG,EAsCmB,KAAK;IArC3B,IAAI,EAqC8B,IAAI;EACtC,YAAQ;IApCR,GAAG,EAqCyB,KAAK;IApCjC,IAAI,EAoCoC,IAAI;EAE5C,WAAO;IA/CP,KAAK,EAgDkB,IAAI;IA/C3B,MAAM,EA+C8B,IAAI;IA9CxC,GAAG,EA8C2C,KAAK;IA7CnD,IAAI,EA6CsD,IAAI;EAC9D,aAAS;IA5CT,GAAG,EA6CmB,KAAK;IA5C3B,IAAI,EA4C8B,IAAI;EACtC,YAAQ;IA3CR,GAAG,EA4CyB,KAAK;IA3CjC,IAAI,EA2CoC,IAAI;EAE5C,WAAO;IAtDP,KAAK,EAuDkB,IAAI;IAtD3B,MAAM,EAsD8B,IAAI;IArDxC,GAAG,EAqD2C,KAAK;IApDnD,IAAI,EAoDsD,IAAI;EAC9D,aAAS;IAnDT,GAAG,EAoDmB,KAAK;IAnD3B,IAAI,EAmD8B,IAAI;EACtC,YAAQ;IAlDR,GAAG,EAmDyB,KAAK;IAlDjC,IAAI,EAkDoC,IAAI;EAE5C,WAAO;IA7DP,KAAK,EA8DkB,IAAI;IA7D3B,MAAM,EA6D8B,IAAI;IA5DxC,GAAG,EA4D2C,KAAK;IA3DnD,IAAI,EA2DsD,IAAI;EAC9D,aAAS;IA1DT,GAAG,EA2DmB,KAAK;IA1D3B,IAAI,EA0D8B,IAAI;EACtC,YAAQ;IAzDR,GAAG,EA0DyB,KAAK;IAzDjC,IAAI,EAyDoC,IAAI;EAG5C,WAAO;IArEP,KAAK,EAsEkB,IAAI;IArE3B,MAAM,EAqE8B,IAAI;IApExC,GAAG,EAoE2C,KAAK;IAnEnD,IAAI,EAmEsD,IAAI;EAC9D,aAAS;IACP,KAAK,EAAE,KAAK;IAnEd,GAAG,EAoEmB,KAAK;IAnE3B,IAAI,EAmE8B,IAAI;EACtC,YAAQ;IACN,KAAK,EAAE,KAAK;IAnEd,GAAG,EAoEyB,KAAK;IAnEjC,IAAI,EAmEoC,IAAI;EAG5C,WAAO;IA/EP,KAAK,EAgFkB,IAAI;IA/E3B,MAAM,EA+E8B,IAAI;IA9ExC,GAAG,EA8E2C,KAAK;IA7EnD,IAAI,EA6EsD,IAAI;EAC9D,aAAS;IACP,KAAK,EAAE,KAAK;IA7Ed,GAAG,EA8EmB,KAAK;IA7E3B,IAAI,EA6E8B,IAAI;EACtC,YAAQ;IACN,KAAK,EAAE,KAAK;IA7Ed,GAAG,EA8EyB,KAAK;IA7EjC,IAAI,EA6EoC,IAAI;EAG5C,WAAO;IAzFP,KAAK,EA0FkB,IAAI;IAzF3B,MAAM,EAyF8B,IAAI;IAxFxC,GAAG,EAwF2C,KAAK;IAvFnD,IAAI,EAuFsD,IAAI;EAC9D,aAAS;IACP,KAAK,EAAE,KAAK;IAvFd,GAAG,EAwFmB,KAAK;IAvF3B,IAAI,EAuF8B,IAAI;EACtC,YAAQ;IACN,KAAK,EAAE,KAAK;IAvFd,GAAG,EAwFyB,KAAK;IAvFjC,IAAI,EAuFoC,IAAI;EAG5C,WAAO;IAnGP,KAAK,EAoGkB,IAAI;IAnG3B,MAAM,EAmG8B,IAAI;IAlGxC,GAAG,EAkG2C,KAAK;IAjGnD,IAAI,EAiGsD,KAAK;EAC/D,aAAS;IACP,KAAK,EAAE,KAAK;IAjGd,GAAG,EAkGmB,KAAK;IAjG3B,IAAI,EAiG8B,KAAK;EACvC,YAAQ;IACN,KAAK,EAAE,KAAK;IAjGd,GAAG,EAkGyB,KAAK;IAjGjC,IAAI,EAiGoC,KAAK;EAG7C,YAAQ;IA7GR,KAAK,EA8GkB,IAAI;IA7G3B,MAAM,EA6G8B,IAAI;IA5GxC,GAAG,EA4G2C,KAAK;IA3GnD,IAAI,EA2GsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IA3Gd,GAAG,EA4GmB,KAAK;IA3G3B,IAAI,EA2G8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IA3Gd,GAAG,EA4GyB,KAAK;IA3GjC,IAAI,EA2GoC,KAAK;EAG7C,YAAQ;IAvHR,KAAK,EAwHkB,IAAI;IAvH3B,MAAM,EAuH8B,IAAI;IAtHxC,GAAG,EAsH2C,KAAK;IArHnD,IAAI,EAqHsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IArHd,GAAG,EAsHmB,KAAK;IArH3B,IAAI,EAqH8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IArHd,GAAG,EAsHyB,KAAK;IArHjC,IAAI,EAqHoC,KAAK;EAG7C,YAAQ;IAjIR,KAAK,EAkIkB,IAAI;IAjI3B,MAAM,EAiI8B,IAAI;IAhIxC,GAAG,EAgI2C,KAAK;IA/HnD,IAAI,EA+HsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IA/Hd,GAAG,EAgImB,KAAK;IA/H3B,IAAI,EA+H8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IA/Hd,GAAG,EAgIyB,KAAK;IA/HjC,IAAI,EA+HoC,KAAK;EAG7C,YAAQ;IA3IR,KAAK,EA4IkB,IAAI;IA3I3B,MAAM,EA2I8B,IAAI;IA1IxC,GAAG,EA0I2C,KAAK;IAzInD,IAAI,EAyIsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IAzId,GAAG,EA0ImB,KAAK;IAzI3B,IAAI,EAyI8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IAzId,GAAG,EA0IyB,KAAK;IAzIjC,IAAI,EAyIoC,KAAK;EAG7C,YAAQ;IArJR,KAAK,EAsJkB,IAAI;IArJ3B,MAAM,EAqJ8B,IAAI;IApJxC,GAAG,EAoJ2C,KAAK;IAnJnD,IAAI,EAmJsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IAnJd,GAAG,EAoJmB,KAAK;IAnJ3B,IAAI,EAmJ8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IAnJd,GAAG,EAoJyB,KAAK;IAnJjC,IAAI,EAmJoC,KAAK;EAG7C,YAAQ;IA/JR,KAAK,EAgKkB,IAAI;IA/J3B,MAAM,EA+J8B,IAAI;IA9JxC,GAAG,EA8J2C,KAAK;IA7JnD,IAAI,EA6JsD,KAAK;EAC/D,cAAU;IACR,KAAK,EAAE,KAAK;IA7Jd,GAAG,EA8JmB,KAAK;IA7J3B,IAAI,EA6J8B,KAAK;EACvC,aAAS;IACP,KAAK,EAAE,KAAK;IA7Jd,GAAG,EA8JyB,KAAK;IA7JjC,IAAI,EA6JoC,KAAK",
"sources": ["style.sass"],
"names": [],
"file": "style.css"
color: $color
font-size: 9px
position: absolute
- letter-spacing: -0.25px
+ letter-spacing: -0.35px
line-height: 1.35
opacity: 0
&-img-1
- @include img($width: 40px,$height:40px,$top:62px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:135px,$left:42px)
&-title-1
- @include title($top:62px,$left:97px)
+ @include title($top:136px,$left:97px)
&-desc-1
- @include description($top:76px,$left:98px)
+ @include description($top:150px,$left:98px)
/*****2*******/
&-img-2
- @include img($width: 40px,$height:40px,$top:157px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:216px,$left:42px)
&-title-2
- @include title($top:156px,$left:98px)
+ @include title($top:219px,$left:98px)
&-desc-2
- @include description($top:170px,$left:98px)
+ @include description($top:233px,$left:98px)
/******* 3 *******/
&-img-3
- @include img($width: 40px,$height:40px,$top:228px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:280px,$left:42px)
&-title-3
- @include title($top:227px,$left:98px)
+ @include title($top:277px,$left:98px)
&-desc-3
- @include description($top:241px,$left:98px)
+ @include description($top:292px,$left:98px)
/******* 4 *******/
&-img-4
- @include img($width: 40px,$height:40px,$top:346px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:383px,$left:42px)
&-title-4
- @include title($top:345px,$left:97px)
+ @include title($top:384px,$left:97px)
&-desc-4
- @include description($top:359px,$left:97px)
+ @include description($top:398px,$left:97px)
/******* 5 *******/
&-img-5
- @include img($width: 40px,$height:40px,$top:440px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:459px,$left:42px)
&-title-5
- @include title($top:437px,$left:97px)
+ @include title($top:457px,$left:97px)
&-desc-5
- @include description($top:465px,$left:97px)
+ @include description($top:471px,$left:97px)
/**** 6**********/
&-img-6
- @include img($width: 40px,$height:40px,$top:530px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:515px,$left:42px)
&-title-6
width: 120px
- @include title($top:534px,$left:97px)
+ @include title($top:516px,$left:97px)
&-desc-6
width: 200px
- @include description($top:548px,$left:97px)
+ @include description($top:530px,$left:97px)
/********* 7 *********/
&-img-7
- @include img($width: 40px,$height:40px,$top:602px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:586px,$left:42px)
&-title-7
width: 200px
- @include title($top:604px,$left:97px)
+ @include title($top:587px,$left:97px)
&-desc-7
width: 200px
- @include description($top:619px,$left:97px)
+ @include description($top:601px,$left:97px)
/********* 8 *********/
&-img-8
- @include img($width: 40px,$height:40px,$top:673px,$left:42px)
+ @include img($width: 40px,$height:40px,$top:658px,$left:42px)
&-title-8
width: 200px
- @include title($top:675px,$left:97px)
+ @include title($top:658px,$left:97px)
&-desc-8
width: 200px
- @include description($top:690px,$left:97px)
+ @include description($top:672px,$left:97px)
/********* 9 *********/
&-img-9
- @include img($width: 40px,$height:40px,$top:63px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:137px,$left:312px)
&-title-9
width: 200px
- @include title($top:62px,$left:368px)
+ @include title($top:136px,$left:368px)
&-desc-9
width: 200px
- @include description($top:76px,$left:368px)
+ @include description($top:150px,$left:368px)
/********* 10 *********/
&-img-10
- @include img($width: 40px,$height:40px,$top:130px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:205px,$left:311px)
&-title-10
width: 200px
- @include title($top:133px,$left:368px)
+ @include title($top:207px,$left:368px)
&-desc-10
width: 200px
- @include description($top:146px,$left:368px)
+ @include description($top:221px,$left:368px)
/********* 11 *********/
&-img-11
- @include img($width: 40px,$height:40px,$top:226px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:291px,$left:312px)
&-title-11
width: 200px
- @include title($top:226px,$left:368px)
+ @include title($top:289px,$left:368px)
&-desc-11
width: 200px
- @include description($top:241px,$left:368px)
+ @include description($top:304px,$left:368px)
/********* 12 *********/
&-img-12
- @include img($width: 40px,$height:40px,$top:320px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:360px,$left:312px)
&-title-12
width: 200px
- @include title($top:321px,$left:368px)
+ @include title($top:360px,$left:368px)
&-desc-12
width: 200px
- @include description($top:336px,$left:368px)
+ @include description($top:375px,$left:368px)
/********* 13 *********/
&-img-13
- @include img($width: 40px,$height:40px,$top:402px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:454px,$left:312px)
&-title-13
width: 200px
- @include title($top:404px,$left:368px)
+ @include title($top:455px,$left:368px)
&-desc-13
width: 200px
- @include description($top:418px,$left:368px)
+ @include description($top:469px,$left:368px)
/********* 14 *********/
&-img-14
- @include img($width: 40px,$height:40px,$top:485px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:561px,$left:312px)
&-title-14
width: 200px
- @include title($top:487px,$left:368px)
+ @include title($top:561px,$left:368px)
&-desc-14
width: 200px
- @include description($top:501px,$left:368px)
+ @include description($top:576px,$left:368px)
/********* 15 *********/
&-img-15
- @include img($width: 40px,$height:40px,$top:557px,$left:311px)
+ @include img($width: 40px,$height:40px,$top:632px,$left:312px)
&-title-15
width: 200px
- @include title($top:557px,$left:368px)
+ @include title($top:632px,$left:368px)
&-desc-15
width: 200px
- @include description($top:572px,$left:368px)
\ No newline at end of file
+ @include description($top:646px,$left:368px)
\ No newline at end of file
projects / Animations.git / commitdiff