-
Notifications
You must be signed in to change notification settings - Fork 0
/
pdf.html
115 lines (101 loc) · 4.44 KB
/
pdf.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Chart It</title>
<meta name="description" content="This is an awesome baseline.">
<meta name="author" content="#SWNA">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="style/materialize.min.css" />
</head>
<body>
<section id="title" class="hbox">
<img src="assets/logo%20Chartit.jpg"/>
<h1 id="brand">Chart.it</h1>
</section>
<div class="container">
<section>
<h1>Sommaire</h1>
<ul>
<li>1. Logotypes / Couleurs</li>
<li>2. Logotypes / Variantes</li>
<li>3. Fonts</li>
<li>4. Papeterie</li>
<li>5. Documents Internes</li>
<li>6. Documents Internes</li>
</ul>
</section>
<section>
<h1>1. Logotypes / Couleurs</h1>
<div class="row middle">
<div class="col s4">
<img src="assets/logo%20Chartit.jpg" width="200px" height="200px"/>
</div>
<div class="col s8">
<div class="roundedColors genColor1"></div>
<div class="roundedColors genColor2"></div>
<div class="roundedColors genColor3"></div>
<div class="roundedColors genColor1"></div>
<div class="roundedColors genColor2"></div>
<div class="roundedColors genColor3"></div>
</div>
</div>
<p>
Sed maximum est in amicitia parem esse inferiori. Saepe enim excellentiae quaedam sunt, qualis erat Scipionis in nostro, ut ita dicam, grege. Numquam se ille Philo, numquam Rupilio, numquam Mummio anteposuit, numquam inferioris ordinis amicis, Q. vero Maximum fratrem, egregium virum omnino, sibi nequaquam parem, quod is anteibat aetate, tamquam superiorem colebat suosque omnes per se posse esse ampliores volebat.
</p>
</section>
<section>
<h1>2. Logotypes / Variantes</h1>
<div class="col s3">
<img src="assets/logo%20Chartit.jpg" width="200px" height="200px"/>
</div>
</section>
<section>
<h1>3. Fonts</h1>
<div class="col s3">
<img src="assets/logo%20Chartit.jpg" width="200px" height="200px"/>
</div>
</section>
<section>
<h1>4. Papeterie</h1>
<h2>Enveloppe</h2>
<div class="row">
<div class="col s5">
<p>
Sed maximum est in amicitia parem esse inferiori. Saepe enim excellentiae quaedam sunt, qualis erat Scipionis in nostro, ut ita dicam, grege.
</p>
<div class="envelope dl">
<div class="logosm"><img src="assets/logo%20Chartit.jpg"/></div>
</div>
<div class="envelope dl">
<div class="logosm"><img src="assets/logo%20Chartit.jpg"/></div>
<div class="window"></div>
</div>
</div>
<div class="col s7">
<div class="lettre dl">
<div class="logosm"><img src="assets/logo%20Chartit.jpg"/></div>
<div class="txt">42 rue du Lorem Ipsum Nantes</div>
<div class="txtbas">Lorem Ipsum Sit Amet At JFDE amama</div>
</div>
</div>
</div>
</section>
<section>
<h1>4. Papeterie</h1>
<h2>Carte de visite</h2>
<div class="cartevisite">
<div class="logosm"><img src="assets/logo%20Chartit.jpg"/></div>
<div class="txt">Mit Baba est Obligada</div><div class="txt">42 rue du Lorem Ipsum Nantes</div>
<div class="txt">Lorem Ipsum</div>
<div class="txtbas">Lorem Ipsum Sit Amet At JFDE amama</div>
</div>
</section>
<section>
<h1>5. Documents Internes</h1>
<div class="col s3">
<img src="assets/logo%20Chartit.jpg" width="200px" height="200px"/>
</div>
</section>
</div>
</body>