personal-website-template/index.back.html at master · codeonweekends/personal-website-template · GitHub

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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" >
        <title>Ivan Vilanculo</title>
        <link rel="stylesheet" type="text/css" href="public/css/style.css"/>
    </head>
    <body>
        <section class="menu">
            <button class="menu-mobile"><img src="public/img/menu.png"/><img src="public/img/cross.png"/></button>
            <ul id="menu">
                <li><a href="#about">Quem Sou</a></li>
                <li><a href="#education">Educa&ccedil;&atilde;o</a></li>
                <li><a href="#skills">Habilidades</a></li>
                <li><a href="#xp">Experiencias</a></li>
                <li class="has-sub"><a href="#hobby">Hobby</a>
                    <ul>
                        <li><a href="#about">Fotografia &amp; Videos</a></li>
                        <li><a href="#about">Musicas</a></li>
                    </ul>
                </li>
            </ul>
        </section>
        <section id="about">
            <section>
                <section class="photo">
                    <img src="public/img/profile-pic.png"/>
                </section>
                <section>
                    <h1>Ol&aacute; eu sou Ivan Vilanculo</h1>
                    <p>Especializado em design e desenvolvimento de applicativos, actualmente trabalho na Technoplus, lda - Beira como desenvolvedor/programador de aplicativos enterprise (Web, Mobile, Desktop e Interligadas), e em paralelo fa&ccedil;o tamb&eacute;m a minha licenciatura em tecnologias de informa&ccedil;&atilde;o e comunica&ccedil;&atilde;o na UCM. Estou nesta area por cerca de 6 anos e amo cada minuto disso. Eu sou designer, desenvolvedor e acima de tudo um pensador. Convido lhe a ver a minha pagina por completo para ver o que fiz ultimamente.</p>
                    <a href="#" class="btn default download">Vers&atilde;o PDF</a>
                </section>
            </section>
        </section>
        <section id="education">
            <section>
                <h1>Educa&ccedil;&atilde;o</h1>
                <p>Onde dediquei a maior parte do meu tempo me preparando para o mercado</p>

                <section>
                	<article>
						<section>2010 - Presente</section>
							<section>
							    <span>Ensino Superior (Tecnologias de Informa&ccedil;&atilde;o e Comunica&ccedil;&atilde;o)</span>
							    <span>Universidade Cat&oacute;lica de Mo&ccedil;ambique, Beira - Mo&ccedil;ambique</span>
							</section>
					</article>

					<article>
						<section>2009</section>
							<section>
							    <span>Ensino Medio (Ciencias com Desenho)</span>
							    <span>Escola Secund&aacute;ria Samora Mosises Machel, Chimoio - Mo&ccedil;ambique</span>
							</section>
					</article>
                </section>

            </section>
        </section>

        <section id="skills">
        	<h1>Habilidades</h1>
        	<section>
        		<section>
	        		<section><img src="public/img/keyboard.png"></section>
	        	</section>
	        	<section>
	        		<section>
	        			<dl>
	        				<dt>Programa&ccedil;&atilde;o</dt>
	        				<dd>JAVA</dd>
	        				<dd>PHP</dd>
	        				<dd>C#</dd>
	        			</dl>

	        			<dl>
	        				<dt>Tecnologias </dt>
	        				<dd>CSS, SASS, LESS</dd>
	        				<dd>JavaScript, AJAX</dd>
	        				<dd>Java EE</dd>
	        				<dd>CMS (Wordpress &amp; Joomla)</dd>
	        			</dl>

	        			<dl>
	        				<dt>Software Office &trade;</dt>
	        				<dd>Word &trade;</dd>
	        				<dd>Excel &trade;</dd>
	        				<dd>Access &trade;</dd>
	        				<dd>PowerPoint &trade;</dd>
	        			</dl>

	        			<dl>
	        				<dt>Gr&aacute;ficas</dt>
	        				<dd>Adobe Illustrator &trade;</dd>
	        				<dd>Adobe PhotoShop &trade;</dd>
	        				<dd>Adobe FireWorks &trade;</dd>
	        				<dd>CorelDraw &trade;</dd>
	        			</dl>

	        			<dl>
	        				<dt>Softwares de gest&atilde;o</dt>
	        				<dd>PHC Corporate</dd>
	        			</dl>
      				</section>
	        	</section>
        	</section>
        </section>

        <section id="xp">
        	<h1>Experi&ecirc;ncia profissional</h1>
        	<section>
        		<article>
        				<section>Fevereiro de 2015 - Presente</section>
        				<section>
        					<span>IT &amp; Desenvolvedor Web | Programador</span>
							<span>Technoplus, Lda</span>
							<span>Design e implementa&ccedil;&atilde;o de softwares, websites e asist&ecirc;ncia t&ecirc;cnica na area de redes e hardware</span>
        				</section>
        		</article>

        		<article>
        				<section>Julho de 2014 -Janeiro de 215</section>
        				<section>
        					<span>T&ecirc;cnico | Gestor de Sistemas de Informa&ccedil;&atilde;o</span>
							<span>Chele Servi&ccedil;os e Consultoria</span>
							<span>Manuten&ccedil;&atilde;o de computadores, Administra&ccedil;&atilde;o de Rede, webmaster, T&ecirc;cnico PHC</span>
        				</section>
        		</article>

        		<article>
        				<section>Maio - Junho de 2014</section>
        				<section>
        					<span>T&ecirc;cnico Inform&aacute;tico</span>
							<span>OKAPI, Lda</span>
							<span>Manuten&ccedil;&atilde;o de computadores, Administra&ccedil;&atilde;o de Redes, T&ecirc;cnico PHC (Implementa&ccedil;&atilde;o)</span>
        				</section>
        		</article>

        		<article>
        				<section>Abril de 2013 - Maio de 2014</section>
        				<section>
        					<span>T&ecirc;cnico Inform&aacute;tico &amp; Desenvolvedor de Softwares</span>
							<span>PVMR inform&aacute;tica, LDA</span>
							<span>Manuten&ccedil;&atilde;o de computadores, design e gerenciamento de bases de dados, redes, softwares e de aplicativos web T&ecirc;cnico respons&aacute;vel no desenvolvimento do PHC Software.</span>
        				</section>
        		</article>

        		<article>
        				<section>2013</section>
        				<section>
        					<span>Designer Gr&aacute;fico</span>
							<span>FJ Services, Beira</span>
							<span>Design e produ&ccedil;&aacute;o de panfletos publicit&aacute;rios, cart&otilde;es-de-visita, crach&aacute;s, baners, logotipos, etc..</span>
        				</section>
        		</article>
        	</section>
        </section>

        <section id="contact">
        	<h1>Vamos Manter Contacto</h1>
        	<section>
        		<section>
                    <p>Ser&aacute; um prazer poder ajudar  nos seus proximos projectos, portanto n&atilde;o exite em contactar-me preenchendo o formul&aacute;rio ou usando os seguintes contactos:</p>
        			<dl>
                        <dt class="icon pin"></dt>
                        <dd>Av. 24 de Julho, Q2 Chipangara, Beira - Mo&ccedil;ambique</dd>
                        <dt class="icon phone"></dt>
                        <dd>+258 840 561 018</dd>
                        <dt class="icon mail"></dt>
                        <dd>
                            <span>ivan@vilanculo.me - Principal</span>
                            <span>vilanculoivan@gmail.com - Secundario</span>
                            <span>ivilanculo@technoplus.com - Trabalho</span>
                        </dd>
                    </dl>
        		</section>
        		<section>
        			<form name='contact-form' id="contact-form" action="contact.php" method="POST">
                        <section id="sending-status">
                            <div class="cssload-thecube">
                                <div class="cssload-cube cssload-c1"></div>
                                <div class="cssload-cube cssload-c2"></div>
                                <div class="cssload-cube cssload-c4"></div>
                                <div class="cssload-cube cssload-c3"></div>
                            </div>
                            <p>Processando...</p>
                            <p>A sua mensagem foi enviada com sucesso, irei respondelo logo que possivel, obrigado!</p>
                        </section>
                        <input name="name" type="text" placeholder="Seu nome" />
                        <input name="email" type="text" placeholder="Seu email" />
                        <textarea name="message" cols="20" placeholder="Sua mensagem"></textarea>
                        <p>Ocorreu um erro ao enviar a mensagem, por favor tente novamente</p>
                        <input type="submit" value="Enviar" />
                    </form>
        		</section>
        	</section>
        </section>
        <footer> &copy; 2015 Ivan Vilanculo</footer>
    </body>
	<script type="text/javascript" src="public/js/vendor.js"></script>
    <script type="text/javascript" src="public/js/app.js"></script>
</html>