246 lines
7.9 KiB
HTML
246 lines
7.9 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
<html lang="en-us"><head>
|
|||
|
<meta charset="utf-8" />
|
|||
|
<title>Contact</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-contact">
|
|||
|
<div class="container">
|
|||
|
<div class="row">
|
|||
|
<div class="col-lg-5">
|
|||
|
<h1 class="site-contact-title">
|
|||
|
Don’t be shy. Say <span>Hello.</span>
|
|||
|
</h1>
|
|||
|
</div>
|
|||
|
<div class="col-lg-6 ml-auto">
|
|||
|
<div class="site-contact-form">
|
|||
|
<h4>TELL US ABOUT YOUR PROJECT</h4>
|
|||
|
<form id="contact-form" action="https://fabform.io/f/3jZiNxY" method="post">
|
|||
|
<div class="row">
|
|||
|
<div class="col-lg-6">
|
|||
|
<input type="text" class="form-control" name="first-name" id="first-name" placeholder="First Name" required>
|
|||
|
</div>
|
|||
|
<div class="col-lg-6">
|
|||
|
<input type="text" class="form-control" name="last-name" id="last-name" placeholder="Last Name" required>
|
|||
|
</div>
|
|||
|
<div class="col-lg-6">
|
|||
|
<input type="email" class="form-control" name="email" id="email" placeholder="Email" required>
|
|||
|
</div>
|
|||
|
<div class="col-lg-6">
|
|||
|
<div class="select-wrapper">
|
|||
|
<select class="form-control" id="projectType" name="project-type" required>
|
|||
|
<option value="" selected disabled hidden>Project Type</option>
|
|||
|
|
|||
|
<option value="gd">Music Related</option>
|
|||
|
|
|||
|
<option value="wd">Web Design/Hosting</option>
|
|||
|
|
|||
|
</select>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div class="col-12">
|
|||
|
<textarea class="form-control" id="aboutProject" name="about-project" rows="6" placeholder="About the Project"></textarea>
|
|||
|
</div>
|
|||
|
<div class="col-12">
|
|||
|
<button formtarget="_blank" type="submit" class="btn btn-primary" id="contact-form-button">
|
|||
|
<span class="btn-area">
|
|||
|
<span data-text="Send Message">
|
|||
|
Send Message
|
|||
|
</span>
|
|||
|
</span>
|
|||
|
</button>
|
|||
|
</div>
|
|||
|
<p id="contact-form-status"></p>
|
|||
|
</div>
|
|||
|
</form>
|
|||
|
|
|||
|
</div>
|
|||
|
</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>
|