Website files
This commit is contained in:
68
contact.html
Normal file
68
contact.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CI Protytpe</title>
|
||||
|
||||
<!-- Minified version -->
|
||||
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
||||
<link rel="stylesheet" href="./main.css">
|
||||
|
||||
|
||||
<script>
|
||||
function validateAndSend() {
|
||||
|
||||
var email = document.getElementById('email').value;
|
||||
|
||||
console.log(email)
|
||||
|
||||
// Could have an email of a@a.com - so 7 characters minimum
|
||||
if(email.indexOf("@") == -1 || email.length < 7)
|
||||
{
|
||||
alert("Please Enter a Valid Email")
|
||||
}
|
||||
|
||||
else
|
||||
{
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mystic Tech Collective</h1>
|
||||
|
||||
|
||||
<nav>
|
||||
<ul style="list-style: none;">
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./team.html">Team</a></li>
|
||||
<li><a href="./services.html">Services</a></li>
|
||||
<li><a href="./contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h2>Contact Us</h2>
|
||||
<form class="contactSection" name="contactForm" id="contactForm" action="https://smartforms.dev/submit/68ae290ac184545ccc0c822f" method="post" onsubmit="return validateAndSend();" >
|
||||
<label for="firstName" >First Name:</label>
|
||||
<input type="text" id="firstName" name="firstName" required="" minlength="2" pattern="[a-zA-Z]+" ><br >
|
||||
|
||||
<label for="lastName">Last Name:</label>
|
||||
<input type="text" id="lastName" name="lastName" required="" minlength="2" pattern="[a-zA-Z]+" ><br >
|
||||
|
||||
<label for="email">Email:</label>
|
||||
<input type="text" id="email" name="email"> <br >
|
||||
|
||||
<label for="message">Message: </label>
|
||||
<textarea id="message" name="message" ></textarea> <br >
|
||||
<input type="submit" name="submit" value="Submit" class="submit">
|
||||
</form>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
37
index.html
Normal file
37
index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CI Protytpe</title>
|
||||
|
||||
<!-- Minified version -->
|
||||
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
||||
<link rel="stylesheet" href="./main.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mystic Tech Collective</h1>
|
||||
|
||||
|
||||
<nav>
|
||||
<ul style="list-style: none;">
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./team.html">Team</a></li>
|
||||
<li><a href="./services.html">Services</a></li>
|
||||
<li><a href="./contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<p>Mystic Tech Collective formed out of a vision to bring accessible, affordable, and professional technical expertise to small businesses, nonprofits, academics, and activist projects. We're a team of IT infrastructure, devops, full stack, and front end engineers with a vision for usability and accessibility. </p>
|
||||
|
||||
<p>If you're curious about fixing or updating your website, consolidating your technical skills, analyzing data for your business, or researching and learning what technical tools can help you meet your goals then we're the team for you! </p>
|
||||
|
||||
<p>Our cost structure is negotiable based on the scope of the project. A contract fee will be agreed upon before any work begins. A 30 minute consult with one of our engineers is free to determine if we can take on your project.</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
6
main.css
Normal file
6
main.css
Normal file
@@ -0,0 +1,6 @@
|
||||
*:focus, input:enabled:focus-visible:where([type=submit]) {
|
||||
outline: 4px #000000 solid;
|
||||
/* outline-offset: 20; */
|
||||
box-shadow: 0 0 0 8px #ffffff;
|
||||
}
|
||||
|
||||
62
services.html
Normal file
62
services.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CI Protytpe</title>
|
||||
|
||||
<!-- Minified version -->
|
||||
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
||||
<link rel="stylesheet" href="./main.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mystic Tech Collective</h1>
|
||||
|
||||
|
||||
<nav>
|
||||
<ul style="list-style: none;">
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./team.html">Team</a></li>
|
||||
<li><a href="./services.html">Services</a></li>
|
||||
<li><a href="./contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Front-End</h2>
|
||||
<ul class="notice" style="list-style:none;">
|
||||
<li>Web Design</li>
|
||||
<li>Accessibility Consulting</li>
|
||||
<li>HTML/CSS/JS</li>
|
||||
<li>SquareSpace / WooCommerce / No-Code Platform Development</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Back-end</h2>
|
||||
<ul class="notice" style="list-style:none;">
|
||||
<li>Web Design</li>
|
||||
<li>Accessibility Consulting</li>
|
||||
<li>HTML/CSS/JS</li>
|
||||
<li>SquareSpace / WooCommerce / No-Code Platform Development</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>IT Infrastructure</h2>
|
||||
<ul class="notice" style="list-style:none;">
|
||||
<li>Web Design</li>
|
||||
<li>Accessibility Consulting</li>
|
||||
<li>HTML/CSS/JS</li>
|
||||
<li>SquareSpace / WooCommerce / No-Code Platform Development</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
111
team.html
Normal file
111
team.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CI Protytpe</title>
|
||||
|
||||
<!-- Minified version -->
|
||||
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
||||
<link rel="stylesheet" href="./main.css">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Mystic Tech Collective</h1>
|
||||
|
||||
|
||||
<nav>
|
||||
<ul style="list-style: none;">
|
||||
<li><a href="./index.html">Home</a></li>
|
||||
<li><a href="./team.html">Team</a></li>
|
||||
<li><a href="./services.html">Services</a></li>
|
||||
<li><a href="./contact.html">Contact</a></li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section>
|
||||
<h2>Max</h2>
|
||||
<aside>
|
||||
<p><a href="https://spacebar.digital/max-evans/portfolio/">Portfolio</a>
|
||||
<a href="https://spacebar.digital/max-evans/resume/">Resume</a>
|
||||
|
||||
</aside>
|
||||
<p>Game designer and Front-End developer focused on accessibility</p>
|
||||
<ul style="list-style:none;" class="notice">
|
||||
<li>Software: C++, C#, Java, Python, HTML/CSS/JS, Angular, Typescript, GDSCript, Wordpress</li>
|
||||
<li>Design: Figma, UX, WCAG 2.0 AA, User Research</li>
|
||||
<li>Tools: Unity, Godot, Blockbench</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Annie</h2>
|
||||
<aside>
|
||||
<p><a href="https://spacebar.digital/max-evans/portfolio/">Portfolio</a>
|
||||
<a href="https://spacebar.digital/max-evans/resume/">Resume</a>
|
||||
|
||||
</aside>
|
||||
<p>Copy</p>
|
||||
<ul style="list-style:none;" class="notice">
|
||||
<li>Programming languages (and markup languages, etc.): Python, Java, HTML, CSS, Javascript, Bash, SQL, MATLAB, R. Learning Haskell, C, and x86 Assembly but not yet skilled enough in them to use them professionally (hopefully will be at some point though).</li>
|
||||
<li>Software Skills: Git, Audacity, Godot, QGIS</li>
|
||||
<li>Soft Skills: Project management, Agile development methodology, technical and creative writing, research, experiment design, communication across disciplines, conflict resolution</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Lace</h2>
|
||||
<aside>
|
||||
<p><a href="https://spacebar.digital/max-evans/portfolio/">Portfolio</a>
|
||||
<a href="https://spacebar.digital/max-evans/resume/">Resume</a>
|
||||
|
||||
</aside>
|
||||
<p>Copy</p>
|
||||
<ul style="list-style:none;" class="notice">
|
||||
<li>Skills: Full stack engineer, software architecture, data analysis, researcher, and big picture thinker</li>
|
||||
<li>Technologies: JS, Python, bash, Java, HTML/CSS, docker, AWS/Azure pipelines, OS: Mac or Linux</li>
|
||||
<li>Soft Skills: Project Management, Product Design, Planning</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Lily</h2>
|
||||
<aside>
|
||||
<p><a href="https://spacebar.digital/max-evans/portfolio/">Portfolio</a>
|
||||
<a href="https://spacebar.digital/max-evans/resume/">Resume</a>
|
||||
|
||||
</aside>
|
||||
<p>Copy</p>
|
||||
<ul style="list-style:none;" class="notice">
|
||||
<li>Skills: Docker, K8s, Microk8s, AWS, Azure, VMware, Hyper-V, various flavors of Linux</li>
|
||||
<li>Hardware:desktop equipment, various assorted rack server and switching/routing equipment</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Quinton</h2>
|
||||
<aside>
|
||||
<p><a href="https://spacebar.digital/max-evans/portfolio/">Portfolio</a>
|
||||
<a href="https://spacebar.digital/max-evans/resume/">Resume</a>
|
||||
|
||||
</aside>
|
||||
<p>Copy</p>
|
||||
<ul style="list-style:none;" class="notice">
|
||||
<li>Server Management, Networking, DNS management, Mail management, VOIP, Training, M365, Azure, AWS, GCP, Firewall admin, Mobile device management, Professional services automation, HIPPA/SOX/NIST/GDPR compliance management, Backup lifecycle management, Active Directory, Exchange, Software purchasing, hardware purchasing, Shipping management, Process/procedure development, Internal process and IT documentation/Automation</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user