Skip to content

Commit 21ffdc7

Browse files
RicardoKersRicardoKers
committed
update
1 parent 9553db1 commit 21ffdc7

File tree

2 files changed

+102
-2
lines changed

2 files changed

+102
-2
lines changed

‎css/styles.css

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,87 @@
7979
--bs-highlight-bg: #fff3cd;
8080
}
8181

82+
/* Kerschbaumer */
83+
84+
/* Contêiner principal para duas colunas */
85+
.container {
86+
display: flex;
87+
gap: 20px;
88+
max-width: 1000px;
89+
margin: 0 auto;
90+
padding: 20px;
91+
align-items: flex-start;
92+
}
93+
94+
/* Coluna esquerda ocupa mais espaço */
95+
.coluna-esquerda {
96+
flex: 2;
97+
padding: 10px;
98+
background-color: #f8f9fa;
99+
border-radius: 8px;
100+
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
101+
}
102+
103+
/* Coluna direita com largura fixa */
104+
.coluna-direita {
105+
flex: 0 0 450px;
106+
padding: 20px;
107+
background-color: #e9ecef;
108+
border-radius: 8px;
109+
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
110+
}
111+
112+
/* Estilos para o título da coluna direita */
113+
.coluna-direita h2 {
114+
font-size: 1.5em;
115+
margin-bottom: 10px;
116+
color: #333;
117+
}
118+
119+
/* Estilos para a lista de disciplinas */
120+
.disciplinas-lista {
121+
list-style-type: none; /* Remove os marcadores de lista */
122+
padding: 0; /* Remove o padding da lista */
123+
margin: 0; /* Remove o margin da lista */
124+
}
125+
126+
.disciplinas-lista li {
127+
margin-bottom: 5px; /* Espaço entre os itens da lista */
128+
}
129+
130+
/* Estilos para os links dentro da lista */
131+
.disciplinas-lista a {
132+
color: #007bff;
133+
text-decoration: none;
134+
font-size: 1em;
135+
transition: background-color 0.3s ease;
136+
}
137+
138+
.disciplinas-lista a:hover {
139+
background-color: #d1e7dd;
140+
color: #0056b3;
141+
text-decoration: none;
142+
}
143+
144+
/* Media Query para telas estreitas */
145+
@media (max-width: 768px) {
146+
.container {
147+
flex-direction: column; /* Empilha as colunas */
148+
}
149+
150+
.coluna-esquerda, .coluna-direita {
151+
flex: 1 1 100%; /* Ambas as colunas ocupam toda a largura */
152+
max-width: 100%; /* Garante que ocupem toda a largura disponível */
153+
}
154+
155+
.coluna-direita {
156+
margin-top: 20px; /* Adiciona um espaçamento entre as colunas quando empilhadas */
157+
}
158+
}
159+
160+
161+
/* \Kerschbaumer */
162+
82163
*,
83164
*::before,
84165
*::after {

‎index.html

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,14 +25,33 @@
2525
<!-- Page content-->
2626
<div class="container">
2727
<div class="text-center mt-5">
28+
<!-- Coluna da esquerda-->
2829
<h1>Ricardo Kerschbaumer</h1>
2930
<img src="Anexos\foto.png" alt="Foto Ricardo">
3031
<p class="lead"><div style="text-align: justify">Nascido em 1975 em Joaçaba, SC, (Brasil) graduou-se em Engenharia Elétrica pela Universidade do Estado de Santa Catarina - UDESC em 2002. Obteve o grau de Mestre em Engenharia Elétrica e Informática Industrial pela Universidade Tecnológica Federal do Paraná - UTFPR em 2008 e obteve o título de Doutor em Engenharia Elétrica e Informática Industrial, área de concentração Engenharia de Computação, pela Universidade Tecnológica Federal do Paraná - UTFPR em 2018. Possui ainda Especialização em Educação Profissional e Tecnológica pelo Instituto Federal de Educação Ciência e Tecnologia Catarinense – IFC, concluída no ano de 2021. Atualmente é Professor associado no Instituto Federal de Educação Ciência e Tecnologia Catarinense – IFC, Campus Luzerna. Tem experiência na área de Engenharia Elétrica, com ênfase em Eletrônica, Microcontroladores, Sistemas Embarcados, lógica reconfigurável e Inteligência Artificial.</div></p>
3132
<p>ORCID: <a rel="noopener" class="external-link" href="https://orcid.org/0000-0002-9677-0856" target="_blank">https://orcid.org/0000-0002-9677-0856</a> LATTES: <a rel="noopener" class="external-link" href="http://lattes.cnpq.br/5304374284779760" target="_blank">http://lattes.cnpq.br/5304374284779760</a></p>
3233
</div>
34+
<!-- Coluna da direita-->
3335
<div class="coluna-direita">
34-
<h2>Coluna Direita</h2>
35-
<p>Conteúdo da coluna direita.</p>
36+
<h2>Disciplinas</h2>
37+
<ul class="disciplinas-lista">
38+
<li><a href="AlgoritmoseEstruturasdaInformação.html">Algoritmos e Estruturas da Informação</a></li>
39+
<li><a href="CalculoNumerico.html">Cálculo Numérico</a></li>
40+
<li><a href="ControledeProcessos.html">Controle de Processos</a></li>
41+
<li><a href="EletronicaBasicaECA.html">Eletrônica Básica ECA</a></li>
42+
<li><a href="EletronicaBasicaTAI.html">Eletrônica Básica TAI</a></li>
43+
<li><a href="EletronicaDigitalTAI.html">Eletrônica Digital TAI</a></li>
44+
<li><a href="LogicaReconfiguravel.html">Lógica Reconfigurável</a></li>
45+
<li><a href="MicrocontroladoresExperimental.html">Microcontroladores Experimental</a></li>
46+
<li><a href="ProgramacaoAplicadaaMicrocontroladores.html">Programação Aplicada a Microcontroladores</a></li>
47+
<li><a href="ProjetocomSistemasMicrocontrolados.html">Projeto com Sistemas Microcontrolados</a></li>
48+
<li><a href="ProjetoIntegradorI.html">Projeto Integrador I</a></li>
49+
<li><a href="ProjetoIntegradorII.html">Projeto Integrador II</a></li>
50+
<li><a href="SistemasDigitais.html">Sistemas Digitais</a></li>
51+
<li><a href="SistemasDigitaisExperimental.html">Sistemas Digitais Experimental</a></li>
52+
<li><a href="TopicosemInteligênciaArtificial.html">Tópicos em Inteligência Artificial</a></li>
53+
</ul>
54+
<!-- <p>Coloque aqui informações adicionais, links, ou outros conteúdos relevantes.</p>-->
3655
</div>
3756
</div>
3857
<!-- Bootstrap core JS-->

0 commit comments

Comments
 (0)