Skip to content

Added Footer #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Shadmanwaris wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added Footer #17

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
161 changes: 88 additions & 73 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@
</a>
</div>
<div class="navbar-end has-text-justified has-text-weight-normal">
<a href="/" class="navbar-item">Home</a>
<a href="#about" class="navbar-item">About</a>
<a href="/" class="navbar-item">Home</a>
<a href="#about" class="navbar-item">About</a>
<a href="https://pengoox.pythonanywhere.com" class="navbar-item" target="_blank">Blog</a>
</div>
</div>
Expand All @@ -54,83 +54,98 @@

<!-- Hero content: will be in the middle -->
<div class="hero-body" id="home">
<div class="container has-text-centered">
<h1 id="animated-title" class="title is-1 animated pulse" style="font-size:3em;">
Hi, I am Amaan.
</h1>
<h2 class="subtitle">
I am a blogger, programmer and designer.
</h2>
</div>
<div class="container has-text-centered">
<h1 id="animated-title" class="title is-1 animated pulse" style="font-size:3em;">
Hi, I am Amaan.
</h1>
<h2 class="subtitle">
I am a blogger, programmer and designer.
</h2>
</div>
</div>
</section>
<div class="hero is-white">
<br>
<br>
<br>
<br>
<div class="container has-text-centered">
<div class="tile is-parent">
<div class="tile is-child is-primary box ">
<div class="title" id="about">You found it!</div>
<p style="margin:0 auto;max-width:800px">I started to learn programming right after my high school, and that was one of the
best decision I took . Right now, I have launched two start-ups and I enjoy most of my
time writing code. ~<i>Liar</i>
</p>
<hr><figure class="image is-64x64 is-centered">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg" style="margin:0 auto;max-width:480px">
</figure><hr>
<div class="columns ">
<div class="column">
<div class="title">Languages</div>
<ul>
<li><img src="https://png.icons8.com/color/48/f1c40f/python.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/source-code.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/c-plus-plus-logo.png">, <img src="https://png.icons8.com/color/40/f1c40f/c-programming.png"></li>
<li><img src="https://png.icons8.com/ios/40/f1c40f/javascript.png"></li>
</ul>
</div>
<div class="column">
<div class="title">Frameworks</div>
<ul>
<li>Django</li>
<li>Flask</li>
<li>Vue</li>
</ul>
</div>
<div class="column">
<div class="title">Tools</div>
<ul>
<li><img src="https://png.icons8.com/windows/40/000000/github.png"></li>
<li>Vscode</li>
<li><img src="https://png.icons8.com/color/40/f1c40f/adobe-illustrator.png"></li>
</ul>
</div>
</div>
<hr>
<div class="title">Recent Works</div>
<div class="columns">
<div class="column">
<div class="tile notification is-primary">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi deleniti est blanditiis eligendi vel inventore eum quos accusamus error eveniet?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perspiciatis doloribus voluptatum nihil deserunt incidunt est dolorem reiciendis harum ullam amet?</div>
</div>
<div class="column">
<div class="tile notification is-warning">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ea est facere, perspiciatis aliquid dolor corporis sint consequuntur non accusantium!Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quibusdam quisquam officia amet libero aliquam alias a cupiditate atque praesentium!</div>
</div>
</div>
</div>
<div class="hero is-white">
<br>
<br>
<br>
<br>
<div class="container has-text-centered">
<div class="tile is-parent">
<div class="tile is-child is-primary box ">
<div class="title" id="about">You found it!</div>
<p style="margin:0 auto;max-width:800px">I started to learn programming right after my high school, and that
was one of the
best decision I took . Right now, I have launched two start-ups and I enjoy most of my
time writing code. ~<i>Liar</i>
</p>
<hr>
<figure class="image is-64x64 is-centered">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg" style="margin:0 auto;max-width:480px">
</figure>
<hr>
<div class="columns ">
<div class="column">
<div class="title">Languages</div>
<ul>
<li><img src="https://png.icons8.com/color/48/f1c40f/python.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/source-code.png"></li>
<li><img src="https://png.icons8.com/color/40/f1c40f/c-plus-plus-logo.png">, <img src="https://png.icons8.com/color/40/f1c40f/c-programming.png"></li>
<li><img src="https://png.icons8.com/ios/40/f1c40f/javascript.png"></li>
</ul>
</div>
<div class="column">
<div class="title">Frameworks</div>
<ul>
<li>Django</li>
<li>Flask</li>
<li>Vue</li>
</ul>
</div>
<div class="column">
<div class="title">Tools</div>
<ul>
<li><img src="https://png.icons8.com/windows/40/000000/github.png"></li>
<li>Vscode</li>
<li><img src="https://png.icons8.com/color/40/f1c40f/adobe-illustrator.png"></li>
</ul>
</div>
</div>
<hr>
<div class="title">Recent Works</div>
<div class="columns">
<div class="column">
<div class="tile notification is-primary">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi deleniti est blanditiis eligendi vel
inventore eum quos accusamus error eveniet?Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Perspiciatis doloribus voluptatum nihil deserunt incidunt est dolorem reiciendis harum ullam amet?
</div>
</div>
<div class="column">
<div class="tile notification is-warning">
<figure class="image">
<img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
</figure>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ea est facere, perspiciatis aliquid
dolor corporis sint consequuntur non accusantium!Lorem ipsum dolor sit amet consectetur adipisicing
elit. Laborum quibusdam quisquam officia amet libero aliquam alias a cupiditate atque praesentium!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Powered</strong> by <a href="https://bulma.io">Bulma</a>.
</p>
</div>
</footer>

</body>

</html>
</html>