wtfxus-home/public/portfolio/index.html
2023-07-02 21:26:24 +00:00

284 lines
8.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-us"><head>
<meta charset="utf-8" />
<title>Portfolio | WTFxUS</title>
<!-- mobile responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="author" content="Why They Fight">
<meta name="generator" content="Hugo 0.112.3">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://home.whytheyfight.com/css/bootstrap.min.css" />
<!-- font-awesome -->
<link rel="stylesheet" href="https://home.whytheyfight.com/font-awesome/css/font-awesome.min.css" />
<!-- Main Stylesheets -->
<link href="https://home.whytheyfight.com/scss/style.min.css" rel="stylesheet" />
<link rel="shortcut icon" href="https://home.whytheyfight.com/images/favicon.png" type="image/x-icon" />
<link rel="icon" href="https://home.whytheyfight.com/images/favicon.ico" type="image/x-icon" />
</head><body><nav class="navbar navbar-expand-lg site-navigation">
<div class="container">
<a class="navbar-brand" href="https://home.whytheyfight.com">
<img src="https://home.whytheyfight.com/images/logo.png" alt="logo" />
</a>
<button
class="navbar-toggler collapsed"
type="button"
data-toggle="collapse"
data-target="#sitenavbar"
>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="sitenavbar">
<ul class="navbar-nav ml-auto main-nav">
<li class="nav-item">
<a class="nav-link" href="https://home.whytheyfight.com"
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="https://home.whytheyfight.com/about"
>About</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="https://home.whytheyfight.com/portfolio"
>Portfolio</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="https://blog.whytheyfight.com"
>Blog</a
>
</li>
<li class="nav-item">
<a
class="nav-link btn btn-sm btn-primary btn-sm-rounded"
href="https://apps.whytheyfight.com"
>
<span class="btn-area">
<span data-text="Check out the beta!">
Check out the beta!
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<section class="site-project-header">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="site-project-header-content">
<h1>
Portfolio | WTFxUS
</h1>
</div>
</div>
<div class="col-lg-4">
<a href="#project" class="site-project-header-action scroll-to">
<span>Scroll Down</span>
<img src="https://home.whytheyfight.com/images/arrow-down.svg" alt="arrow-down">
</a>
</div>
</div>
</div>
</section>
<section class="site-project" id="project">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-10 mx-auto">
<div class="site-project-item">
<div class="site-project-item-thumb">
<img src="https://home.whytheyfight.com/images/projects/fakefriends.jpg" alt="project-thumb">
</div>
<div class="site-project-item-content">
<span>PRODUCT LABEL</span>
<h3>Fake Friends by crystalculture</h3>
<a href="https://home.whytheyfight.com/portfolio/fakefriends/" class="read-more">view project</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-10 mx-auto">
<div class="site-project-item">
<div class="site-project-item-thumb">
<img src="https://home.whytheyfight.com/images/projects/justlisten.jpg" alt="project-thumb">
</div>
<div class="site-project-item-content">
<span>PRODUCT LABEL</span>
<h3>Just Listen by Why They Fight</h3>
<a href="https://home.whytheyfight.com/portfolio/just-listen/" class="read-more">view project</a>
</div>
</div>
</div>
<div class="col-12">
<div class="site-project-pagination">
</div>
</div>
</div>
</div>
</section>
<section class="site-cta" style='background-image: url("https://home.whytheyfight.com/images/backgrounds/cta-background.jpg");'>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="site-cta-title">LETS WORK TOGETHER</h1>
<ul class="site-cta-buttons">
<li>
<a href="https://home.whytheyfight.com/contact" class="btn btn-secondary">
<span class="btn-area">
<span data-text="Submit Query">
Submit Query
</span>
</span>
</a>
</li>
<li>
<a href="https://home.whytheyfight.com/portfolio" class="btn btn-primary">
<span class="btn-area">
<span data-text="Not Convinced">
Not Convinced
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</main><footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="site-footer-logo"><a href="https://home.whytheyfight.com"><img src="https://home.whytheyfight.com/images/logo-footer.png" alt="logo-footer"></a></div>
</div>
<div class="col-lg-3 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Contact Info</h5>
<p class="site-footer-widget-description">
<br>
<a href="tel:"></a>
<br>
<a href="mailto:support@whytheyfight.com">support@whytheyfight.com</a>
</p>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Sitemap</h5>
<ul class="site-footer-widget-links">
<li><a href="https://home.whytheyfight.com/about">About WTFxUS</a></li>
<li><a href="https://home.whytheyfight.com/portfolio">Projects</a></li>
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
<li><a href="https://home.whytheyfight.com/contact">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">Social Media</h5>
<ul class="site-footer-widget-links">
<li><a href="https://social.whytheyfight.com">Mastodon</a></li>
<li><a href="https://music.whytheyfight.com">Funkwhale</a></li>
<li><a href="https://discord.whytheyfight.com">Discord</a></li>
<li><a href="https://blog.whytheyfight.com">Blog</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="site-footer-widget">
<h5 class="site-footer-widget-title">We help artists:</h5>
<p class="site-footer-widget-description">
develop music<br>in an open source environment<br>safe from third party tracking
</p>
</div>
</div>
<div class="col-lg-2 col-12">
<a href="#top" class="site-footer-widget-top">
<img src="https://home.whytheyfight.com/images/to-top.svg" alt="back-to-top">
<p>
I want to
<br>
visit again
</p>
</a>
</div>
<div class="col-12">
<div class="site-footer-copyright">
<p>© Copyright 2023 - All Rights Reserved by <a href="https://staticmania.com/" target="_blank">StaticMania</a> </p>
</div>
</div>
</div>
</div>
</footer>
<script src="https://home.whytheyfight.com/js/vendor.min.js"></script>
<script src="https://home.whytheyfight.com/js/script.min.js"></script></body>
</html>