Skip to content

Commit

Permalink
insert project screenshots and adjust footer spacing
Browse files Browse the repository at this point in the history
  • Loading branch information
@sul-devs
sul-devs committed May 5, 2024
1 parent d993ec2 commit d3616c9
Show file tree
Hide file tree
Showing 2 changed files with 45 additions and 35 deletions.
72 changes: 37 additions & 35 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,8 +54,8 @@
<!-- nav links -->
<ul class="nav-links gap-4">
<li><a href="#projects">Projects</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#about">About</a></li>
<li><a href="#articles">Blog</a></li>
<li><a href="#footer">About</a></li>
</ul>

<!-- cta contact -->
Expand Down Expand Up @@ -146,17 +146,14 @@ <h3 class="project-title section-sub-heading">
<a href="https://sul-devs.github.io/pimoky">
<img
class="project-img"
src="assets/img/prioritasker-screenshot.png"
alt="Prioritasker homepage."
src="assets/img/ecommerce-web-developer-frontend-full-stack-software-engineer.png"
alt="Ecommerce website developed in Html Css Javascript."
/>
</a>
<!-- text -->
<div class="project-text vm-2">
<h3 class="project-title section-sub-heading">
<a
class="link"
href="https://sul-devs.github.io/prioritasker"
>
<a class="link" href="https://sul-devs.github.io/pimoky">
Pimoky
</a>
</h3>
Expand All @@ -169,16 +166,16 @@ <h3 class="project-title section-sub-heading">
<div class="project-buttons">
<a
class="card-btn btn block p-1"
href="https://sul-devs.github.io/prioritasker"
href="https://sul-devs.github.io/pimoky"
>Live Site</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/pimoky"
class="card-btn btn block p-1"
>Source Code</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/pimoky"
class="card-btn btn block p-1"
>Documentation</a
>
Expand All @@ -193,20 +190,17 @@ <h3 class="project-title section-sub-heading">
<li class="project-card card">
<article>
<!-- image -->
<a href="https://sul-devs.github.io/prioritasker">
<a href="https://sul-devs.github.io/tnn">
<img
class="project-img"
src="assets/img/prioritasker-screenshot.png"
alt="Prioritasker homepage."
src="assets/img/software-engineer-web-developer-frontend-full-stack.png"
alt="Tech news website."
/>
</a>
<!-- text -->
<div class="project-text vm-2">
<h3 class="project-title section-sub-heading">
<a
class="link"
href="https://sul-devs.github.io/prioritasker"
>
<a class="link" href="https://sul-devs.github.io/tnn">
TNN
</a>
</h3>
Expand All @@ -219,16 +213,16 @@ <h3 class="project-title section-sub-heading">
<div class="project-buttons">
<a
class="card-btn btn block p-1"
href="https://sul-devs.github.io/prioritasker"
href="https://sul-devs.github.io/tnn"
>Live Site</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/tnn"
class="card-btn btn block p-1"
>Source Code</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/tnn"
class="card-btn btn block p-1"
>Documentation</a
>
Expand All @@ -243,20 +237,17 @@ <h3 class="project-title section-sub-heading">
<li class="project-card card">
<article>
<!-- image -->
<a href="https://sul-devs.github.io/prioritasker">
<a href="https://sul-devs.github.io/opidur">
<img
class="project-img"
src="assets/img/prioritasker-screenshot.png"
alt="Prioritasker homepage."
src="assets/img/software-engineer-web-developer-frontend.png"
alt="Digital marketing agency landing page website - SEO, Web Development, Web Design, UX, Ads, Content, Social Media."
/>
</a>
<!-- text -->
<div class="project-text vm-2">
<h3 class="project-title section-sub-heading">
<a
class="link"
href="https://sul-devs.github.io/prioritasker"
>
<a class="link" href="https://sul-devs.github.io/opidur">
Opidur
</a>
</h3>
Expand All @@ -269,16 +260,16 @@ <h3 class="project-title section-sub-heading">
<div class="project-buttons">
<a
class="card-btn btn block p-1"
href="https://sul-devs.github.io/prioritasker"
href="https://sul-devs.github.io/opidur"
>Live Site</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/opidur"
class="card-btn btn block p-1"
>Source Code</a
><br />
<a
href="https://github.com/sul-devs/prioritasker"
href="https://github.com/sul-devs/opidur"
class="card-btn btn block p-1"
>Documentation</a
>
Expand Down Expand Up @@ -352,7 +343,8 @@ <h3 class="post-title">Day 5 - Building a full stack blog</h3>
<footer id="footer" class="section-padding bt-2">
<div class="container">
<h2 class="section-heading invisible-but-accessible">Footer</h2>
<article class="about-me">
<!-- About me -->
<article class="about-me mb-5">
<h3 class="section-sub-heading">About me</h3>
<p class="about-me-text">
My name is Sul, I am a self taught software engineer with a keen
Expand All @@ -364,16 +356,24 @@ <h3 class="section-sub-heading">About me</h3>
</p>
<ul class="socials flex gap-2 vm-2">
<li>
<a href=""><i class="fab fa-github fa-2x"></i> GitHub</a>
<a href="https://github.com/sul-devs"
><i class="fab fa-github fa-2x"></i> GitHub</a
>
</li>
<li>
<a href=""><i class="fab fa-linkedin fa-2x"></i> LinkedIn</a>
<a href="https://www.linkedin.com/in/sul-dev"
><i class="fab fa-linkedin fa-2x"></i> LinkedIn</a
>
</li>
<li>
<a href=""><i class="fab fa-google fa-2x"></i> Email</a>
<a href="mailto:sulaimankamara110@gmail.com"
><i class="fab fa-google fa-2x"></i> Email</a
>
</li>
</ul>
</article>

<!-- Contact form -->
<form action="" id="contact-form">
<h3 class="section-sub-heading">Contact me</h3>
<p class="email-field">
Expand All @@ -396,6 +396,8 @@ <h3 class="section-sub-heading">Contact me</h3>
</div>
<input type="submit" value="Send your message" />
</form>
<!-- copyright message -->
<p class="mt-3">&copy; 2024 Sul-devs.github.io, All rights reserved.</p>
</div>
</footer>
</body>
Expand Down
8 changes: 8 additions & 0 deletions src/styles/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,6 +163,14 @@ textarea {
margin-bottom: 3em;
}

.mb-4 {
margin-bottom: 4em;
}

.mb-5 {
margin-bottom: 5em;
}

.vm-05 {
margin-block: 0.5em;
}
Expand Down

0 comments on commit d3616c9

Please sign in to comment.