Julie Pithon

Graphiste - Webdesigner

En recherche de nouvelles créations

Qui suis-je ?

Bande de petits curieux, je ne vous dirai pas tout ! Seulement ce qui concerne mon métier : le web et le design.



    • WEB DESIGN
    • Photoshop
    • Illustrator
    • InDesign
    • HTML / Css
    • jQuery
    • Php
    • Flash
    • CMS (Wordpress...)
    • Première / After Effects
  • Wonder
    Intégrateur de Médias Interactifs (Titre professionnel de Niveau III - Bac +2) - Campus de la Fonderie de l'Image

    On y est ! Début de la formation en alternance. Je trouve une agence sympa. Le mot est faible : COOL ! Un rythme de folie : métro, cours, rendus de projets, dodos, agence, rendus, dodos. Tout ça, pendant deux ans. Heureusement, j'arrivais à caler quelques happy hours avec les copains de l'école, et des sessions "code" les week-end (oui, oui très sérieux) accompagnées de quelques bières histoire de se motiver un peu (faut pas exagérer non plus). Diplôme en poche (youhouuuuu), prix du webdesign (j'avoue, je me suis kiffée l'espace d'un instant). Ouf, je peux souffler et partir en vacances. What's next ?

    Wonder
    Prépa d'Arts Appliqués - Campus de la Fonderie de l'Image

    Que faire de ma vieeeeee ? Je découvre le graphisme dans une boîte où j'étais assistante commerciale et PAF, je me lance. Je repars de zéro et me lance à corps perdu dans des nuits blanches à gratter pour des projets tous plus loufoques les uns que les autres. Malgré les AR Rouen-Paris, je passe une année de folie, reprenant goût aux études et me demandant pourquoi ce n'est que maintenant que j'adoreeeee les études. Et maintenant ? Installation à Paris, objectif : obtenir un diplôme...

    Wonder
    D.E Danse jazz

    A la grande surprise de tous, je me lance dans des études pour devenir prof de danse. Ils auraient dû s'en douter, je pratique depuis mes 3 ans. Le rêve d'exercer ma passion devient réalité, jusqu'à la blessure...

    Wonder
    L2 Lettres Modernes

    Déjà que j'aimais beaucoup lire, mais là j'étais vraiment plongée dedans. Les piles de livres sur Zola, Ponge et autres auteurs du XVIIIe et poètes du XXe ont eu raison de moi...

    Wonder
    Baccalauréat Littéraire avec Mention (et oui!)

    Ah... Le lycée, une belle période. Quelques heures de colle, des professeurs passionnants, des soirées... intéressantes, et une bande de copains désopilante.

  • Centres d'intérêts

    Et autres compétences qui peuvent servir (ou pas)

    Wonder
    Anglais

    Yes, I can speak very well english. Not a good accent, but it works !

    Wonder
    Photographie

    Petite passion. J'aime les portraits et la photographie urbaine. Au départ, j'agacais mes proches pour les prendre en photo. Mais ça, c'était avant.

    Wonder
    Livres

    Un bon fauteuil, un bon bouquin, un feu de cheminée (ah non, ça je n'ai pas) et c'est parfait. J'aime la littérature du 18e comme Zola (je sais, personne ne me comprend), Françoise Sagan et Delphine de Vigan. Rythme de lecture: 2 à 3 livres par mois.

    Wonder
    "Allez, salut !" - Voyages

    J'adore bouger : USA, Londres, Berlin, Portugal, les Antilles, Italie, Croatie. Prochaine destination l'Inde en mission humanitaire. Quand? L'avenir me le dira.

Et sinon, je suis :


about image

Toujours à la recherche de nouvelles idées


about image

Curieuse


about image

Débrouillarde


about image

Souriante


Expériences :

Webdesigner

Agence Marketing Digital

2014-2015 / Sites Web - Wordpress - Prestashop - Logos - Affiches - Newsletters - Illustrations

Webdesigner

Agence Marketing Digital

2013-2014 / Logos - Sites Web - Affiches - Newsletters - Illustrations - Photomontages

Graphiste - Webdesigner

Studio de Création graphique

2011-2013 / Logos - Sites Web - Affiches - Rapports annuels - Jeu vidéo Flash - Illustrations - Photomontages

Assistante commerciale

Désolée j'ai rien à montrer

Matériel de protection individuelle et équipement Sapeurs Pompiers


2009-2010 / Gestion devis et commandes - Relation Clientèle - Fiches techniques et catalogue EPI (Mise en page) - Mise en ligne de produits - Studio Photo

Volontaire associative

Désolée j'ai rien à montrer

Association de la Fondation Etudiante pour la Ville


2008-2009 / Suivi d’accompagnements étudiants / enfants - Campagne de recrutement bénévoles Mise à jour blog - Création d’affiches - Flyers - Newsletter - Vidéos - Photographie/p>

Portfolio

C'est ici que vous allez rentrer dans le vif su sujet. Go !

Ou retrouvez-moi sur les réseaux sociaux !

  • Wonder
  • Wonder
  • Wonder
  • Wonder

Agrandir le plan

Me contacter


76000 Rouen

: 06 81 90 77 16

: pithonjulie@gmail.com



Bienvenue sur mon portfolio

Je vous laisse découvrir...

Curriculum Vitae / Book

Accédez ici au cv et au book en PDF.

Voir mon CV
Voir mon Book
home_img
home_img

Julie - Graphiste - Webdesigner

Âgée de 28 ans, mon parcours est plutôt varié car je n’ai pas toujours suivi une filière dans le graphisme et le web. Ayant commencé par des études littéraires à l’université, j’ai passé un diplôme d’état de professeur de danse et j’ai ensuite travaillé en tant que vendeuse et assistante commerciale. Par la suite, je me suis intéressée à deux choses qui ont toujours attisées ma curiosité : le graphisme et le web. J’ai donc pris la décision de reprendre mes études et ai intégré en 2010 la Prépa au Cfa’Com.

Passionnée de photographie, j’ai toujours eu une forte attirance pour l’art en général, et la culture web. Le graphisme est apparu comme une évidence durant cette année préparatoire mais aussi les langages web. La formation que j'a suivi, Intégrateur de Médias Interactifs, m'a permis d’allier les deux et d’apprendre à concevoir un site web de A à Z : de la création, en passant par la gestion de projet, à la cr"ation et intégration.

Webdesigner dans un studio de communication visuelle puis dans une agence de e-marketing, je travaille en print et en web; et suis toujours confrontée à de nouveaux défis ainsi que de nouvelles expériences (jeu vidéo, création de charte graphique, affiches publicitaires,, design de sites web, etc.).

J’aime apprendre, et savoir évoluer dans le milieu web est la clé pour réussir dans ce domaine.


Portfolio

Wonder
Refonte site web La Rançonnière
Refonte site web pour l'Hôtel Restaurant La Rançonnière en Normandie

Refonte site web La Rançonnière

Date: Décembre 2014
Client: La Rançonnière chez Agence Wem
  • Photoshop

  • Création maquettes

Revoir l’ergonomie du site afin de faciliter la visite de l’utilisateur : l’amener plus facilement vers les chambres, tarifs puis la réservation. Mise en avant du lieu, du cadre : mer, campagne, hôtel de charme. Guider l’utilisateur tout en le séduisant.

Wonder
Plaquette corporate Matière
Réalisation plaquette corporate pour le groupe Matière (travaux publics, construction de ponts, etc.)

Plaquette corporate MATIERE

Date: Octobre 2014
Client: Matière-tp chez Agence Wem
  • Indesign

  • Création maquettes

  • Illustrator

Création d'une plaquette métier corporate pour le groupe MATIERRE travaux publics. Renforcer le côté historique de l'entreprise, montrer les projets sous un aspect plus "artistique, architectural.

Wonder
Site e-commerce Ici & Ailleurs
Site e-commerce & blog pour la marque Ici&Ailleurs (vente de thé et cafés)

Site web Ici & AIlleurs

Date: Septembre 2014
Client: Ici& Ailleurs chez Agence Wem
  • Html5

  • Css

  • Création maquettes

  • Wordpress

Refonte d'un site e-comerce pour Ici & AIlleurs, proposant thés et cafés. Salon de thé et restauration, mais aussi ateliers découverte sur les thés et cafés du monde. Créer un réel univers de voyage autour du thé et du café, charmer l'utilisateur et lui proposer la vente en ligne.

Url: ici-ailleurs.com
Wonder
Site Web Karaté
Site web pour un club de karaté - responsive

Site web Sen Karaté Louviers

Date: Septembre 2014
Client: Sen Karaté Louviers
  • Html5

  • Css

  • Responsive

  • Wordpress

Refonte d'un site web pour un club de Karaté souhaitant redynamiser son image et surtout moderniser leur 1er site datant de 2000. Le CMS wordpress a été choisi dans le but que le client puisse modifier via le back office facilement, ajouter photos, idéos et contenus d'actualités. L'option d'inscription en ligne a été ajoutée, ainsi que la visualition des professeurs, cours et horaires.

Url: sen-karate-louviers.fr
Wonder
Book Artiste Peintre
Book en ligne d'un artiste peintre - responsive

Book Artiste-peintre

Date: Juin 2013
Client: Alexis Loutrel
  • Html5

  • Css

  • Responsive

  • Koken

L'artiste peintre en question avait besoin d'un book simple et agréable. De plus, pas très fort en nouvelles technologies et autres usages du web, il lui fallait un back office simple et facile d'accès pour lui. L'utilisation de Koken a permis d'avoir un back office simple pour ainsi mettre à jour son book avec ses nouvelles créations. Il a fallu recréer un style propre à lui : "sobre, nature".

Url: alexisloutrel.fr
Wonder
Coup de mains - site web
Site de troc de travaux - Projet professionnel pour le diplôme d'Intégrateur de Médias Interactifs

Coup de mains - site web

Date: 2013
  • Html5

  • Css

  • Responsive

  • Php
  • jQuery

Afin d’obtenir le diplôme, nous devons réaliser un site internet fonctionnel. Le projet se fait seul, de la conception au développement. Je suis partie d’un simple constat : c’est la crise, et il est de plus en plus difficile d’acquérir une maison, un appartement, ou même de construire. Je souhaitais donc créer un site où je pourrais favoriser l’entraide et l’échange en permettant l’offre et/ou l’échange de services gratuit et près de chez soi, de main d’oeuvre pour des travaux de rénovation ou de construction chez le particulier avec un système d’annonces. Site web responsive + application pour smartphones..

Url: coupdemains.fr
Wonder
Guitarlab - Magazine Interactif
Maquettes d'un magazine interactif sur le thème de la musique

Guitarlab - Magazine Interactif

Date: 2013
  • Webdesign

  • Photoshop

  • Illustrator

Thème imposé : magazine interacitf sur la musique; Création d’un magazine spécialisé dans la guitare : guitaristes, partitions, concerts, dossiers, etc. Penser le magazine autrement : réfléchir à une interface interactive, tactile tout en étant original et en hiérarchisant bien l’information afin que la navigation soit intuitive.

Wonder
Freehandisia - MMO RPG
Jeu multijoueurs en ligne pour l'association du Freehandi'se Trophy

Freehandisia - MMO RPG

Date: 2013
Client: Freehandi'se Trophy
Agence: Ping=Pong Graphique
  • Photoshop

  • Flash

  • OpenEdit

Wonder
Very Bag Trip - Site e-commerce
Site e-commerce de sac à dos - Exercice dans le cadre de la formation Intégrateur de Médias Interactifs

Very Bag Trip - Site e-commerce

Date: 2012
Workshop: avec Jorand Lepape
  • Photoshop

  • Html5

  • Css

  • Php

  • jQuery

Sujet : réaliser un site e-commerce de sacs. Choix de sacs de randonnée luxueux, en matériaux naturels. Création du logo, de la charte graphique, choix des produits, et réalisation du webdesign avec l’idée de garder un côté épuré et naturel au site pour rester dans la collection des sacs choisis. Développement du site de A à Z : HTML - CSS et PHP; Contraintes de développement : création d’un panier fonctionnel, lier le site à sa base de données avec back-office afin de lister, modifier voire supprimer des produits.

Wonder
Carte de voeux 2012
Carte de voeux - illustration - Animation

Carte de voeux 2012

Date: 2011
Agence: Ping-Pong Graphique
  • Illustrator

  • Flash

A partir du nom de l’agence, recherches autour de la balle de poing pong qui se rebondit sur les bureaux de l’agence pour finir avec d’autres objets du quotidien (clé USb, trombones...) et former ainsi «2012». Les couleurs sont en accord avec l’identité graphique du studio que ce soit dans la charte graphique que dans la décoration des bureaux

Wonder
Anecdotes rouennaises - Site Wordpress
Site Wordpress - Diplôme Intégrateur de Médias Interactifs

Anecdotes rouennaises - Site Wordpress

Date: 2011
  • Photoshop

  • Html

  • Css

  • Wordpress

  • Php

Projet de fin de 1ère année en Intégrateur de Médias Interactifs. Thème imposé «balade urbaine» avec contraintes de développement : utiliser un wordpress et créer une carte dynamique en SVG. Recherche autour du souvenir, de l’anecdote pour une ville, Rouen. Raconter la ville autrement, moins historique et plus poétique. La carte est divisée en quartier avec un système d’opacité lorsqu’on reste sur l’une d’elles. Les points représentent les anecdotes (plus d’informations au passage de la souris). Une couleur représente un type d’anecdotes (drôles, bizarres, amoureuse, etc.).

Wonder
Galerie Photos
Site Html Css Galerie photos de chorégraphe

Galerie Photos

Date: 2011
  • Photoshop

  • Html

  • Css

  • Php

Thème imposé durant la 1ère année de formation d’Intégrateur de Médias Interactifs. Contraintes de développement imposées (3 pages types). Ici, présentation de trois chorégraphes contemporains et travail autour de la lumière.La mise en lumière permet de révéler le danseur, sublime son mouvement. La page d’accueil reprend l’idée de la scène et ses lumières avec une photographie en fond d’une scène et ses trois spots présentent les trois chorégrpahes. En passant sur l’une d’elles avec la souris, la vignette devient plus opaque plus blanche, comme trop éclairée pour amener le visiteur à cliquer et aller voir plus loin.

Wonder
Mappemonde - Seconde édition du Freehandi'se Trophy
Réalisation d'une mappemonde en papier et autres matériaux pour le lancement de la 2e édition du Freehandi'se Trophy

Mappemonde - Seconde édition du Freehandi'se Trophy

Date: 2011
Client: FHT
Agence: Ping=Pong Graphique
  • A la main

Création d’une mappemonde pour le lancement d’un évènement majeur d’une association. : organisation du 2e Raid Handi’Valid inter-entreprises qui se fait entre Lyon et paris, d’où les deux villes représentées sur la mappemonde. Réalisation d’un Stop Motion afin de lancer l’évènement. Idée de faire bouger les divers véhicules sur la mappemonde mais aussi l’avion, le soleil, les nuages, et la map elle-même, ainsi que les les deux concurrents représentés afin de redonner avec le stop motion une vie à ce petit monde.

Wonder
Workshop "Collection immatérielle" - "Cicatrices"
Wokrshop sur le thème de la "Collection immatérielle" - Les "Cicatrices"

Workshop "Collection immatérielle" - "Cicatrices"

Date: 2011
  • Photographie

  • Audio

«Cicatrices» : collection du souvenir de la cicatrice. Frise chronologique des souvenirs de cicatrices anonymes. bande sonore de son histoire (comment ? où?) parcourant ces souvenirs. Mis dans un couloir très passager, posé au sol, il y a un fort contraste avec l’intimité de la cicatrice. Les écouteurs replongent dans l’espace clos. L’histoire de la cicatrice ne sera dévoilée qu’à la personne ayant les écouteurs; sinon on ne verra que des descriptions anonymes de cicatrices, sans identité. Mais la collection n’est pas terminée, le papier n’a pas fini d’être déroulé; ni dans la collecte, ni dans le temps...

Wonder
«L’arpenteur», déambulation - vidéo
«L’arpenteur», déambulation - vidéo 8 minutes - en collaboration avec Soraya Haouchine

«L’arpenteur», déambulation - vidéo

Date: 2011
Workshop: Avec Soraya Haouchine
  • Photographie

  • Audio

  • Première

Définition d’arpenter : Parcourir un espace à grande vitesse. on travaille, on achète, on dort, on mange et on essaye de vivre. Les jours sont trop coruts. on ne réfléchit plus. Le seul but est d’avancer. on arpente et on se presse tout le temps. Le chemin est direct. Et si on montrait ce poids que l’on porte en nous ? Ce trop-plein d’achat, ces blessures, ces humeurs, cette société... L’homme traîne ses boulets, ses conserves. Déambulation d’un point A à un point b ; de la maison au travail.

Wonder
Croquis
Croquis réalisées depuis 2010

Croquis

Date: 2010-2012
Wonder
Modèles
Modèles réalisées depuis 2010

Modèles

Date: 2010-2012
Wonder

Project 1

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Live Url: Nikey Company More Details

Project title 1

Date: October 2012
Client: Nikey Company
Skills: Branding

Software use
  • jQuery

  • CSS3

  • Flash

  • wordpress

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Live Url: Nikey Company

Project 2 - Title text


Wonder

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Live Url: HealthOur Company More Details

Project title 2 - another style

Date: October 2012
Client: Mapiya Company
Skills: Branding

Software use
  • jQuery

  • CSS3

  • nocss

  • wordpress

Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Live Url: HealthOur Company
Wonder

Project 3

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Live Url: videoWorld Company More Details

Project title 3

Date: October 2012
Client: Mapiya Company
Skills: Branding

Software use
  • jQuery

  • CSS3

  • nocss

  • wordpress

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Live Url: videoWorld Company

Photographie

  • mannequins

    Mannequins - Rouen - 2009

  • cycliste

    Cycliste - Corse - 2010

  • ombre

    Ombre - Rouen - 2011

  • Cimetière

    Croix - Varengeville - 2011

Wonder
News title text 1
Date: 17/09/2012
Small description about recent news

News title 1

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Easy to add content

Blockquote style example It stands out, but is awesome. Lorem ipsum dolor tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dave Gamache, Skeleton Creator

Clean design

We also provide consectetur adipiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ncididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Wonder
News title text 2
Date: 10/08/2012
Small description about recent news

News title 2

Date: 15/07/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

WonderConsectetuer ipsum dolor sit amet, lorem adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.

Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author: Cleark
Wonder
News title text 3
Date: 07/08/2012
Small description about recent news

News title 3

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Blockquote style example It stands out, but is awesome. Lorem ipsum dolor tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dave Gamache, Skeleton Creator

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

Author: Neam
Wonder
News title text 4
Date: 01/08/2012
Small description about recent news

News title 4

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author: Neam
Wonder
News title text 5
Date: 12/07/2012
Small description about recent news

News title 5

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author: Neam
Wonder
News title text 6
Date: 17/09/2012
Small description about recent news

News title 6

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author: Neam
Wonder
News title text 7
Date: 05/06/2012
Small description about recent news

News title 7

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Author: Neam
Wonder
News title text 8
Date: 25/05/2012
Small description about recent news

News title 8

Date: 17/09/2012

Eorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Author: Neam

Latest from blog

3 variation blog post




Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam liber.

Continue reading

We also provide consectetur adipiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit a m et.

Consectetuer adipiscing elit, sed diam nonummy nibh dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

volutpat consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit a m et consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut

Continue reading

Claritas est etiam processus dynamicus

Possible to add title text


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam liber.

Continue reading

Tab


  • Title text 1

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.

    We also provide consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.

  • Title 2

    We also provide consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo.

Accordion - Auto Hide


Heading Text panel 1
Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
set data-autoHide="true" and
data-openFirstElement="true" to the main accordion class div. Add any number of accordion on same page.
Heading Text panel 2
Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. onec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Lorem ipsum dolor sit amet 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus
​​

Accordion - Toggle


Panel 1 heading text

Add any number of accordion on same page. Option to open the first tab and tab autohide by using data attribute

Just set data-autoHide="false" and
data-openFirstElement="false" to the main accordion class div.
Panel 2 heading text
onec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Panel 3 sample heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus
​​


VIDEO DEMO


Youtube : Launch on June 2012




vimeo : Launch on May 2012

Video Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam liber.

Continue reading


Typography - Grid

ONE FOURTH

We also provide constetur adiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

ONE FOURTH

We also provide constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

ONE FOURTH

We also provide constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

ONE FOURTH

We also provide constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.


ONE THIRD

We also provide constetur adiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

ONE THIRD

We also provide constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

ONE THIRD

We also provide constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


TWO THIRD

We also provide consectetur adipiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad constetur adiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.

ONE THIRD

We also provide consectetur adipiscing elit. Lor em ipsum dolor sit amet, consectetuer adipiscing elit, sed diam ut laoreet dolore magna aliquam erat volutpat.


ONE THIRD

We also provide consectetur adipiscing elit. Lor em ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.

TWO THIRD

We also provide consectetur adipiscing elit. Lor em ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.


ONE HALF

We also provide consectetur adipiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat consectetuer adipiscing elit, sed diam nonummy nibh ipsum.

ONE HALF

We also provide consectetur adipiscing elit. Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat tincidunt ut laoreet dolore magna aliquam erat volutpat


FULL WIDTH

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam liber.



Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>
Heading <h6>

Heading light <h1>

Heading light <h2>

Heading light <h3>

Heading light <h4>

Heading light <h5>
Heading light <h6>

Blockquote style example It stands out, but is awesome. Lorem ipsum dolor

Dave Gamache, Skeleton Creator

Lorem ipsum highlight text dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. highlight text Ut wisi enim ad constetur adiscing elit. Lorem ipsum dolor sit amet



Listed items


list1 item list1 item

list2 item list2 item

list3 item list3 item

list4 item list4 item

list5 item list5 item

list6 item list6 item

list7 item list7 item

list8 item list8 item

list9 item list9 item

list10 item list10 item

Listed items - White


list1 item list1 item

list2 item list2 item

list4 item list4 item

list5 item list5 item

list6 item list6 item

list7 item list7 item

list8 item list8 item

list9 item list9 item

list10 item list10 item