forked from marcocasario/codemotion2014
-
Notifications
You must be signed in to change notification settings - Fork 0
/
helpdesk.html
133 lines (112 loc) · 6.1 KB
/
helpdesk.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div id="container">
<header id="header">
<h1 class="logo">Training</h1>
<nav id="nav">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="company.html" title="Company">Company</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
<li class="current"><a href="helpdesk.html" title="Help desk">Help desk</a></li>
</ul>
<a class="menu" href="#">Menu</a>
</nav>
</header>
<section id="support_section" class="support_section text_style">
<div class="welcome_message_area">Benvenuto, il supporto tecnico ti fornirà le informazioni necessarie per ogni tua esigenza.</div>
<div class="title_message_area hide">Dashboard</div>
<ul class="message_area"></ul>
</section>
<section class="main_section">
<article class="article clearfix">
<!-- inserisci tui il codice html -->
<article class="article clearfix nickname_area">
<form id="form_nickname" class="form_box">
<fieldset class="fieldset">
<ol>
<li class="left">
<label class="label" for="nickname">Nickname *</label><br>
<input class="input" id="nickname" name="nickname" type="text" placeholder="Inserisci il tuo nickname" required autofocus>
</li>
<li><br><button class="submit" type=submit>Send</button></li>
</ol>
</fieldset>
</form>
</article>
<article class="article clearfix send_message_area hide">
<form id="form_message" class="form_box">
<fieldset class="fieldset">
<ol>
<li class="left">
<label class="label" for="message">Inserisci il messaggio</label><br>
<input class="input" id="message" name="message" type="text" placeholder="nuovo messaggio" required autofocus>
</li>
<li><br><button class="submit" type=submit>Send</button></li>
</ol>
</fieldset>
</form>
</article>
</article>
</section>
<aside id="aside" class="clearfix">
<ul class="callout_text clearfix">
<li>
<h2>Il Mobile secondo Chris Mills: a Codemotion Roma 2014!</h2>
<p>“Il Mobile web browsing dal punto di vista dell’end user significa libertà di accedere con molti device differenti, ma per gli sviluppatori, invece, questa è una sfida continua”</p>
</li>
<li>
<h2>Hack, Maker e Internet of Things a Codemotion Roma 2014</h2>
<p>Hack e Internet of Things: Codemotion Roma 2014 è anche l’immancabile (e doppio) appuntamento con i Maker.</p>
</li>
<li>
<h2>Mario Klingemann a Codemotion Roma 2014 – CREATIVITY</h2>
<p>“Il mondo del digitale permette a tutti di poter aver un accesso più immediato alle informazioni, e quindi, di conseguenza, è più semplice creare, essere protagonisti attivi. Non più o non solo consumer, ma soprattutto maker”</p>
</li>
</ul>
<ul class="callout_images">
<li>
<figure>
<img class="image" src="img/aside_01.jpg" alt="Text #1">
</figure>
</li>
<li>
<figure>
<img class="image" src="img/aside_02.jpg" alt="Text #2">
</figure>
</li>
<li>
<figure>
<img class="image" src="img/aside_03.jpg" alt="Text #3">
</figure>
</li>
</ul>
</aside>
<div class="clr"></div>
<footer id="footer">
<p class="copy">© Copyright Training. All Right Reserved.</p>
<a class="privacy" href="#" title="Privacy Policy">Privacy Policy</a>
</footer>
</div><!-- container -->
<script data-main="js/main" src="js/vendor/require.js"></script>
</body>
</html>