crea/integration/home.html
author ymh <ymh.work@gmail.com>
Wed, 06 Jun 2012 23:00:42 +0200
changeset 16 e37a29d23c86
parent 1 e69e78a0b5e6
child 46 3a7cefaa6846
permissions -rw-r--r--
First version of tralalere platform
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     1
<!DOCTYPE html>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     2
<html lang="fr">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     3
    <head>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     4
        <meta charset="utf-8" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     5
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     6
        <title>Musitag - Futur en Seine 2012</title>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     7
        <link rel="stylesheet" type="text/css" href="css/musitag.css" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     8
    </head>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
     9
    <body>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    10
        <div class="big-container">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    11
            <div class="home-header">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    12
                <h1>Musitag</h1>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    13
                <h2>Mets tes couleurs, tes émotions<br />et ta voix sur la musique !</h2>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    14
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    15
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    16
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    17
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    18
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    19
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    20
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    21
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    22
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    23
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    24
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    25
                <ul class="home-dataviz home-dataviz-colors">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    26
                    <li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    27
                        <div class="tag-container-50">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    28
                            <div class="tag-shadow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    29
                            <div class="tag-color tag-green"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    30
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    31
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    32
                    <li style="width: 40px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    33
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.8); -moz-transform-origin: bottom left; -moz-transform: scale(.8);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    34
                            <div class="tag-shadow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    35
                            <div class="tag-color tag-yellow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    36
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    37
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    38
                    <li style="width: 25px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    39
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.5); -moz-transform-origin: bottom left; -moz-transform: scale(.5);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    40
                            <div class="tag-shadow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    41
                            <div class="tag-color tag-red"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    42
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    43
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    44
                    <li style="width: 10px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    45
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.2); -moz-transform-origin: bottom left; -moz-transform: scale(.2);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    46
                            <div class="tag-shadow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    47
                            <div class="tag-color tag-blue"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    48
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    49
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    50
                </ul>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    51
                <ul class="home-dataviz home-dataviz-emoticon">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    52
                    <li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    53
                        <div class="tag-container-50">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    54
                            <div class="tag-shadow"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    55
                            <div class="tag-color"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    56
                            <div class="tag-emoticon tag-laughing"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    57
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    58
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    59
                    <li style="width: 40px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    60
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.8); -moz-transform-origin: bottom left; -moz-transform: scale(.8);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    61
                            <div class="tag-color"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    62
                            <div class="tag-emoticon tag-happy"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    63
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    64
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    65
                    <li style="width: 25px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    66
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.5); -moz-transform-origin: bottom left; -moz-transform: scale(.5);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    67
                            <div class="tag-color"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    68
                            <div class="tag-emoticon tag-surprised"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    69
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    70
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    71
                    <li style="width: 10px">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    72
                        <div class="tag-container-50" style="-webkit-transform-origin: bottom left; -webkit-transform: scale(.2); -moz-transform-origin: bottom left; -moz-transform: scale(.2);">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    73
                            <div class="tag-color"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    74
                            <div class="tag-emoticon tag-unhappy"></div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    75
                        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    76
                    </li>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    77
                </ul>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    78
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    79
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    80
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    81
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    82
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    83
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    84
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    85
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    86
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    87
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    88
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    89
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    90
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    91
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    92
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    93
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    94
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    95
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    96
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    97
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    98
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
    99
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   100
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   101
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   102
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   103
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   104
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   105
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   106
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   107
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   108
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   109
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   110
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   111
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   112
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   113
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   114
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   115
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   116
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   117
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   118
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   119
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   120
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   121
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   122
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   123
            <div class="home-media">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   124
                <a href="#">
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   125
                    <img class="home-media-image" src="media/wari-120.jpg" />
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   126
                </a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   127
                <h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   128
                    <a href="#">Au Clair de la Lune</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   129
                </h3>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   130
                <h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   131
                    <a href="#">Steve Waring</a>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   132
                </h4>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   133
            </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   134
        </div>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   135
    </body>
e69e78a0b5e6 started integration
veltr
parents:
diff changeset
   136
</html>