-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (144 loc) · 6.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="We are a creative software agency with a focus on business processes and cloud infrastructure.">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/vendor/loading.css"/>
<link rel="stylesheet" type="text/css" href="css/vendor/loading-btn.css"/>
<link href="images/bitcraft.png" rel="shortcut icon">
<title>BitCraft - Software. Architected.</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<link rel="stylesheet" type="text/css" href="media.css" >
</head>
<body>
<div class="background-gradient"></div>
<div class="background-container">
<div class="stars"></div>
<div class="stars"></div>
<div class="stars"></div>
</div>
<div class="main">
<div class="navbar">
<a href="" class="brand">
<img class="brand-logo" src="images/bitcraft.png" alt="BitCraft">
<div class="brand-name">BitCraft</div>
</a>
<nav class="link-container">
<a href="#about" class="nav-button">About</a>
<a href="#work" class="nav-button">Our Work</a>
<a href="mailto:hello@bitcraft.io" class="nav-button">Contact</a>
</nav>
</div>
<div class="home-container">
<h2>Software. Architected.</h2>
<div class="line"></div>
<div class="subtitle">
We are a creative software agency with a focus on business processes and cloud infrastructure.
</div>
</div>
<div class="meet-team">
<!-- <div class="photo-box">
<div class="shift">
<img class="member-photo left" src="images/luis.jpg">
<div class="mem-desc-left">
Luis Ferrer-Labarca
<p class="job-role">
Chief Commercial Officer
<span>
<a href="https://github.com/ferrerluis"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/luisferrerl/"><i class="fab fa-linkedin"></i></a>
</span>
</p>
</div>
</div>
</div> -->
<div class="about-box" id="about">
<span class="pre-title">A bit</span><div class="title">about us</div>
<div class="underline"></div>
<div class="about-words">
BitCraft is a creative software development agency based in Atlanta, Georgia.
We design world-class infrastructures to support your tech products for the long-haul.
We pride ourselves on our engineering standards, our understanding of our clients'
business needs, and our desire to impact and empower any business or individual that
we interact with. Our team is proficient in designing and developing cloud infrastructures
to power cross-platform mobile apps, interactive web apps, and fully automated systems.
</div>
</div>
</div>
<div id="work" class="work-section">
<div class="work-divider">
<h3>Our clients</h3>
<a href="https://blockexplorer.com/">
<img alt="Block Explorer" src="images/logos/blockexplorer.png"><br/>
</a>
</div>
<div class="work-divider">
<h3>Our work</h3>
<img alt="Hail" src="images/logos/hail.png">
</div>
</div>
<!-- <div id="newsletter" class="newsletter">
<div class="newsletter-container">
<div class="newsletter-title">Weekly crypto newsletter</div>
<div class="newsletter-explanation">Subscribe here to receive the most vital crypto news every Saturday morning!</div>
<form id="newsletter-form" action="#">
<div class="newsletter-group">
<label for="newsletter-email">Your email:</label>
<input class="newsletter-input" type="email" id="newsletter-email" placeholder="satoshi@amazingcompany.com" required>
<div id="newsletter-submit" class="button ld-over-inverse">
Subscribe
<div class="ld ld-ball ld-flip"></div>
</div>
</div>
</form>
</div>
</div> -->
<div id="contact" class="contact-us">
<div class="contact-us-container">
<div class="contact-us-title">Contact us</div>
Drop us a line at <a href="mailto:hello@bitcraft.io">hello@bitcraft.io</a>.
</div>
</div>
<div class="footer" id="footer">
<div class="footer-logo-wrapper">
<img class="footer-logo" src="images/bitcraft.png"></img>
</div>
<div class="say-hello"> Get in touch! </div>
<div class = "footer-link-container">
<div class="medium footer-button"><a type="button" href="https://medium.com/bitcraft"><i class="fab fa-medium"></i></a></div>
<div class="instagram footer-button"><a type="button" href="https://www.instagram.com/bitcraftio/"><i class="fab fa-instagram"></i></a></div>
<div class="twitter footer-button"><a type="button" href="https://twitter.com/BitcraftCrypto"><i class="fab fa-twitter"></i></a></div>
<div class="linkedin footer-button"><a type="button" href="https://www.linkedin.com/company/11373741/"><i class="fab fa-linkedin"></i></a></div>
<div class="mailto footer-button"><a type="button" href="mailto:hello@bitcraft.io?subject=Website Inquiry&body=Tell us about the goals of your project and how we could help."><i class="fas fa-envelope"></i></a></div>
</div>
<div class="copyright">
© 2021 BitCraft LLC
</div>
<div class="love">
Made with <i class="fa fa-heart heart"></i> in Atlanta, Georgia, USA
</div>
</div>
</div>
<!-- <div id="bottom-banner" class="bottom-banner info" style="display: none;">
<div class="bottom-banner-container">
<div class="bottom-banner-explanation">Subscribe to our new <b>weekly</b> newsletter and never miss out on the most vital crypto news!</div>
<form id="bottom-banner-form" action="#">
<div class="bottom-banner-group">
<label for="bottom-banner-email">Your email:</label>
<input class="bottom-banner-input" type="email" id="bottom-banner-email" placeholder="satoshi@amazingcompany.com" required>
// BUTTON WITH LOADER
<div id="bottom-banner-submit" class="button ld-over-inverse">
Subscribe
<div class="ld ld-ball ld-flip"></div>
</div>
</div>
</form>
</div>
<div id="bottom-banner-never" class="bottom-banner-never">Never show this again</div>
<div id="bottom-banner-close" class="bottom-banner-close"><i class="fas fa-times"></i></div>
</div> -->
</body>
</html>