Update index.html

This commit is contained in:
Michi 2022-05-10 16:32:27 +02:00 committed by GitHub
parent 31eaf2926c
commit 2dddcd3801
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -35,20 +35,22 @@
<div class="inner-width">
<a href="#" onclick="scrollToTop();"><img id="logoImg" src="assets/logo/logo_white.svg" alt="Logo"></a>
<div id="navbar-links">
<a href="#">Home <i class="ai-home navicons"></i></a>
<a href="#about">About me <i class="ai-person navicons"></i></a>
<a href="#">Home</a>
<a href="#about">About me</a>
</div>
<a id="toggle-nav"><i id="toggle-nav-icon" class="ai-text-align-right"></i></a>
<a id="toggleNav"><i id="toggle-nav-icon" class="ai-text-align-right"></i></a>
</div>
</nav>
<div id="content">
<div id="home">
<p>Michi von Ah</p>
<p>I'm a boy from switzerland.</p>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path fill="#3498DB" d="M60.8,-17.5C68.7,4.6,58.1,35,36.4,50.9C14.8,66.8,-17.9,68.2,-35.9,54.1C-53.9,39.9,-57.2,10.1,-48.7,-12.7C-40.3,-35.5,-20.2,-51.3,3.1,-52.3C26.4,-53.3,52.8,-39.5,60.8,-17.5Z" transform="translate(100 100)" />
</svg>
<div>
<p>Michi von Ah</p>
<p>I'm a boy from switzerland.</p>
</div>
<div>
<img src="https://michivonah.ch/images/michi2_transparent.png">
</div>
</div>
<div id="about">
@ -72,6 +74,28 @@
<a href="https://twitter.com/michivonah"><i class="ai-twitter-fill"></i></a>
<a href="https://fb.com/vonahmichi"><i class="ai-facebook-fill"></i></a>
</div>
<div id="imprint">
<h3>Imprint <i class="ai-book navicons"></i></h3>
<p><i class="ai-person"></i> Michael von Ah</p>
<p><i class="ai-location"></i> Obwalden, Switzerland</p>
<p><i class="ai-envelope"></i> info@michivonah.ch</p>
</div>
<div id="copyright">
<h3>Copyright <i class="ai-copy navicons"></i></h3>
<p>The content of this page was created by me or I have the rights to use it here.</p>
<p>Used resources from others:</p>
<ul>
<li>Animate on Scroll Libary - michalsnik.github.io/aos</li>
<li>Akar Icons - akaricons.com</li>
<li>Google Fonts - fonts.google.com</li>
<li>BGjar - bgjar.com/</li>
<li>Get Waves - getwaves.io</li>
<li>Blobmaker - blobmaker.app</li>
</ul>
<p>All information without guarantee.</p>
</div>
</div>
</div>