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

251 lines
7.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>Fake Friends by crystalculture</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-single-section">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="site-project-single">
<h1>
Fake Friends by crystalculture
</h1>
<div class="site-project-single-description">
<p>Fake Friends was released by Crystalculture on April 20th, 2023.</p>
<p>FFA: Hyperpop, 100 Gecs, Umru, Laura Les.</p>
<p>Available for <a href="https://distrokid.com/hyperfollow/crystalculture/fake-friends">streaming</a>!</p>
</div>
<div class="site-project-single-image">
<img src="https://home.whytheyfight.com/images/projects/fakefriends.jpg" alt="project image">
</div>
</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>