update
This commit is contained in:
parent
f56d502854
commit
e9e6d573dc
@ -1,7 +1,7 @@
|
||||
<section class="nav">
|
||||
<div class="logo">
|
||||
<p>logo</p>
|
||||
</div>
|
||||
<a class="logo" href="/">
|
||||
<img src="img/fr_logo.webp" alt="logo" />
|
||||
</a>
|
||||
<div class="links">
|
||||
<a href="/home">Úvod</a>
|
||||
<a href="/projects">Projekty</a>
|
||||
|
35
v4/css/contact.css
Normal file
35
v4/css/contact.css
Normal file
@ -0,0 +1,35 @@
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form_contact {
|
||||
--base-padding: .5rem 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 15rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.form_contact input {
|
||||
padding: var(--base-padding);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form_contact button {
|
||||
align-self: center;
|
||||
padding: var(--base-padding);
|
||||
margin-top: 1.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form_contact textarea {
|
||||
height: 8rem;
|
||||
resize: none;
|
||||
padding: var(--base-padding);
|
||||
}
|
||||
|
||||
.form_contact input, textarea, button {
|
||||
border-radius: 5px;
|
||||
}
|
@ -21,6 +21,18 @@ body {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.nav .logo img {
|
||||
height: 3rem;
|
||||
border: 1px solid orange;
|
||||
}
|
||||
|
||||
.nav .links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
border: 1px solid orange;
|
||||
}
|
||||
|
||||
.content {
|
||||
border: 1px solid green;
|
||||
padding: 2rem 5rem;
|
||||
|
BIN
v4/img/fr_logo.webp
Normal file
BIN
v4/img/fr_logo.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 526 B |
@ -1 +1,16 @@
|
||||
<h1>Kontakt</h1>
|
||||
<link rel="stylesheet" href="/css/contact.css">
|
||||
<h1>Kontaktujte mě</h1>
|
||||
|
||||
<form class="form_contact" action="#" method="post" name="contact">
|
||||
<label for="name">Vaše jméno:</label>
|
||||
<input id="name" type="text" placeholder="Petr Novák" required autocomplete="on" />
|
||||
|
||||
<label for="email">Váš e-mail:</label>
|
||||
<input id="email" type="email" placeholder="petr@novak.cz" required autocomplete="on" />
|
||||
|
||||
<label for="message">Zpráva:</label>
|
||||
<textarea id="message" placeholder="Napište zprávu..." required></textarea>
|
||||
|
||||
<button type="submit">Odeslat zprávu</button>
|
||||
</form>
|
||||
|
||||
|
@ -3,7 +3,7 @@
|
||||
<section>
|
||||
<p>Filip Rojek <filip(at)filiprojek.cz></p>
|
||||
<br>
|
||||
<p>Backend nodejs & php developer <a href="https://www.fofrweb.com/">@fofrweb</a>,<br> Linux Void user, student and coffee enthusiast<span class="underscore">_</span><p>
|
||||
<p>Backend nodejs & php developer <a href="https://www.fofrweb.com/">@fofrweb</a>,<br> Linux Gentoo user, student and coffee enthusiast<span class="underscore">_</span><p>
|
||||
<br>
|
||||
<p id="pgp" title="copy pgp to clipboard">PGP: fc37b989787acf8cbce7c0c2a56a345efe321161</p>
|
||||
<br>
|
||||
|
@ -1,37 +1,77 @@
|
||||
<h3>Projekty</h3>
|
||||
<a href="/?page=home">home</a>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<p>Projekt</p>
|
||||
<p>pkmples.cz</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<div class="technologies">
|
||||
<span>PHP</span>
|
||||
<span>Linux</span>
|
||||
<span>Nginx</span>
|
||||
</div>
|
||||
<p>01/2023</p>
|
||||
<img src="https://www.fofrweb.com/images/pkm_two.png" alt="project screenshot">
|
||||
</div>
|
||||
<div>
|
||||
<p>rapiddglass.cz</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>10/2022</p>
|
||||
<div class="technologies">
|
||||
<span>PHP</span>
|
||||
<span>Linux</span>
|
||||
<span>Nginx</span>
|
||||
</div>
|
||||
<img src="https://www.fofrweb.com/images/rapidd.png" alt="project screenshot">
|
||||
</div>
|
||||
<div>
|
||||
<p>danielryslavy.cz</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>06/2022</p>
|
||||
<div class="technologies">
|
||||
<span>PHP</span>
|
||||
<span>Linux</span>
|
||||
<span>Nginx</span>
|
||||
</div>
|
||||
<img src="https://www.fofrweb.com/images/fitness.png" alt="project screenshot">
|
||||
</div>
|
||||
<div>
|
||||
<p>Fofrmess</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>02/2022</p>
|
||||
<div class="technologies">
|
||||
<span>Node.js</span>
|
||||
<span>Express.js</span>
|
||||
<span>PostgreSQL</span>
|
||||
<span>Linux</span>
|
||||
<span>Nginx</span>
|
||||
</div>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div>
|
||||
<div>
|
||||
<p>Projekt</p>
|
||||
<p>Fofrtasks</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<p>10/2021</p>
|
||||
<div class="technologies">
|
||||
<span>Node.js</span>
|
||||
<span>Express.js</span>
|
||||
<span>MongoDB</span>
|
||||
<span>Linux</span>
|
||||
<span>Nginx</span>
|
||||
</div>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div> <div>
|
||||
<p>Projekt</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Fofrbazar</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div> <div>
|
||||
<p>Projekt</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div> <div>
|
||||
<p>Projekt</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div> <div>
|
||||
<p>Projekt</p>
|
||||
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
||||
<p>MM/YYYY</p>
|
||||
<p>04/2021</p>
|
||||
<div class="technologies">
|
||||
<span>PHP</span>
|
||||
<span>Laravel</span>
|
||||
<span>MySQL</span>
|
||||
<span>Linux</span>
|
||||
<span>Apache</span>
|
||||
</div>
|
||||
<img src="#" alt="project screenshot">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user