Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings.

This is an H1 Header

Lorem 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.

This is an H2 Header

Lorem 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.

This is an H3 Header

Lorem 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.

This is an H4 Header

Lorem 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.

This is an H5 Header

Lorem 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.

This is an H6 Header

Lorem 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.

Dropcap: use <p class="dropcap">. Lorem 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.


Horizontal Rule: <hr> tag with class="dotted"

Unordered List Styles

  • Default <ul> tag
  • Lorem ipsum dolor
  • Lorem ipsum dolor
  • <ul> with class="checkbox"
  • <ul> with class="arrow"
  • <ul> with class="star"
  • <ul> with class="check"

Ordered List Styles

  1. Default <ol> tag
  2. Lorem ipsum dolor
  3. Lorem ipsum dolor
  1. <ol> tag with class="disc"
  2. Item 2
  3. Item 3
  4. Item 4

More List Styles

  • Headline

    <ul> with class="headline"
  • Headline

    Lorem ipsum dolor sit amet.
  • Headline

    Lorem ipsum dolor sit amet.

Div and Span Styles

<div> or <span> tag with class="note" Lorem 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.
<div> or <span> tag with class="info" Lorem 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.
<div> or <span> tag with class="alert" Lorem 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.
<div> or <span> tag with class="download" Lorem 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.
<div> or <span> tag with class="tip" Lorem 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.

Blockquote and Q Styles

Default <q> tag: This is a quote!

Default <blockquote> tag with block element as child:

Lorem 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.

<blockquote> tag with class="quotation" and an an additional <p> tag.
(use <blockquote><p>....</p></blockquote>)

Lorem 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.


Combine Styles

Lorem 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 Combine Tags with class "inset-right" or "inset-left". Example: <span class=" info inset-right width25">. 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. Lorem 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. Combine Tags with class "inset-right" or "inset-left". Example: <q class=" blockquote inset-right width25">. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem 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. Possible Width Classes .width15, .width18, .width20, .width23, .width25, .width33, .width35, .width40, .width45, .width50 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem 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.

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. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Form Styles

Form legend

Preformatted Text Style

pre {
	margin: 10px 0 10px 0px;
	padding: 5px 0 5px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #fafafa;
	font-size: 90%;
	color: #2E8B57;
	font-family: "Courier New", Courier, monospace;
	
	/* Browser specific (not valid) styles */
	/* to make preformatted text wrap */
	 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
}
		
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

This template's module system comes with a wide range of module styles, color variations, badges and icons. Below you can see which module styles come with color variations and with which badges and icons you can combine them.

Styles Colors Combinable
box white, gradient, templatecolor, black, beige Badges/Icons/Header
polaroid, postit - -
Extras Variations
Badges hot, new, top, pick
Icons download, users, feed, twitter, mail, message, shopping, lock

Take the video tour on the ZOO! The ZOO extension is a very versatile catalog system for Joomla which allows you to create different catalogs for all purposes. It comes with a comprehensive content construction kit (CCK) which gives you the ability to create your very own custom content types.

Read more...

Catalog Templates

The Pro Edition of the ZOO comes with additional templates for different kinds of catalogs. In this context catalogs can also mean applications: Most common Joomla components are at the bottom catalogs with a specific item type. For example a blog is a catalog with articles and a download archive is a catalog with downloadable items.

With the ZOO you can achieve the same functionality as of many Joomla extensions and even more. To get you started right away we created additional templates with pre-built types for the ZOO Pro Edition. They are designed for specific puposes like a personal blog or a download archive. All these templates are ready to use. That means, with the ZOO Pro Edition you are only a few clicks away from getting your new catalog online without worrying too much about technical details.

Read more...

Content Construction Kit

One of the ZOO's key features is a Content Construction Kit (CCK) that gives you the ability to create your very own custom content types. For each custom content type you create you can select the exact elements the type should consist of, like text, images or a file download. In one type you can use any kind of element as often as you want, in any combination. You can also add and remove elements from a custom type at any time, even if you already created items of that type. The elements are completely pluggable and YOOtheme will continually extend the current set of elements.

Read more...

Galerie Wallworks

Galerie Wallworks + Colorz et Gilbert - ©Gaël Coto - 2011

Claude Kunetz

Producteur de cinéma depuis une vingtaine d’années, Claude Kunetz a créé la société de production Wallworks pour développer une politique de production de longs-métrages pour le cinéma d’auteur. On lui doit entre autres la production de premiers films : Mima (1990) de Philomène Esposito avec Virginie Ledoyen, Grande Petite (1993) de Sophie Fillières avec Judith Godrèche, Encore (1996) de Pascal Bonitzer avec Valeria Bruni-Tedeschi, Rien voilà l’ordre (2001) de Jacques Baratier avec Laurent Terzieff, ou Lost in Love (2007) de Rachmania Arunita avec Richard Kevin... Ses films ont notamment été présentés dans les festivals de Berlin, Cannes, Turin, Bruxelles, Montréal, New York, Tokyo, Alger, Le Caire... Encore a été nominé aux Césars en 1996, dans la catégorie meilleur premier film. Il prépare actuellement la production du premier long-métrage d’Abdellah Taïa, adaptation de son roman L’armée du salut.

Après le tournage de Rien voilà l’ordre à l’hôpital de Prémontré dans l’Aisne, Claude Kunetz crée un espace culturel au sein même de l’établissement hospitalier en 2003. Il s’agit d’y développer pour les patients un programme d'activités artistiques et culturelles, libres et gratuites. Il y implique, entre au- tres, des étudiants des Beaux-Arts et des artistes graffeurs – Kongo, Lazoo et Colorz – qui viennent créer avec les patients. L’aventure s’avère passionnante et se conclut par une exposition dans la salle d’honneur de l’Ensba à Paris. Suite à cet engouement, Claude Kunetz lance une nouvelle expérience en 2010 avec des personnes âgées atteintes de la maladie d’Alzheimer au Centre hospitalier géronto- logique de La Fère, “La Lucciola”.

Article "L'union"

Magazine L'aine

Claude Kunetz découvre l’Indonésie en 2002, alors qu’il est invité par l’Ambassade de France pour donner des cours à l’Université de cinéma de Jakarta. Il se lie avec le pays et y rencontre sa future épouse, Dewi Astuti, qui dirige aujourd’hui la galerie avec lui. Il y fait également la connaissance de la commissaire d’exposition Alia Swastika, avec qui il monte en 2010 l’exposition Wall Street Arts à Jakarta. L’exposition confronte deux générations de graffeurs, soit une quinzaine d’artistes de la scène du graffiti française et indonésienne, cette dernière n’ayant pas plus d’une dizaine d’années.

Fidèle à son esprit de dénicheur de jeunes talents, Claude Kunetz décide d’ouvrir un lieu d’exposition, en adaptant à la galerie ce qu’il sait faire au cinéma, du financement à la distribution et de la fabrication à la promotion. Afin de privilégier un travail de fond, la galerie Wallworks propose un programme de quatre à cinq grandes expositions par an : des graffeurs français, des plasticiens indonésiens et, dans un futur proche, les œuvres issues du travail en milieu hospitalier. L’espace de 140 m2 qu’inaugure l’exposition personnelle de Kongo continue d’abriter ses activités de producteur de cinéma d’auteur et lui permet, en bref, de produire et de montrer les œuvres qui lui tiennent à cœur.

Programmation

Site Wallworks

Galerie Wallworks

ouvert du lundi au samedi de 14h à 19h
4 rue Martel - 75010 Paris/Afficher la carte
(+33)9 54 30 29 51 contact@galerie-wallworks.com


facebook twitter instagram