-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
122 lines (117 loc) · 6.71 KB
/
Copy pathcontact.html
File metadata and controls
122 lines (117 loc) · 6.71 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Contact - DeepGrid</title>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="https://cdn.prod.website-files.com/67a3ce6c2892cedd24a60b2a/css/deepgrid-io.webflow.140c31999.css" rel="stylesheet" type="text/css"/>
<link href="css/styles.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Roboto:300,regular,500"]
}
});
</script>
</head>
<body class="contact-section">
<!-- Navigation -->
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation-bar w-nav">
<div class="w-container">
<nav role="navigation" class="navigation-menu w-nav-menu">
<div class="nav-buttons">
<a href="index.html" class="navigation-link w-nav-link">Home</a>
<a href="contact.html" class="navigation-link w-nav-link">Contact</a>
</div>
</nav>
<div class="hamburger-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<!-- Video Container -->
<div class="video-container">
<video autoplay muted loop playsinline class="contact-video" poster="images/video-placeholder.jpg">
<source src="images/DeepGridVideo.mp4" type="video/mp4">
</video>
<div class="video-overlay">
<div class="section-title-group">
<h2 class="section-heading centered white">Contact Us</h2>
<div class="section-subheading center off-white">Get in touch to learn more about our AI-powered solutions</div>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="w-container">
<div class="form-wrapper">
<form action="/contact" method="POST">
<input class="form-field w-input" maxlength="256" name="Name" data-name="Name" placeholder="Enter your name..." type="text" id="Name" required=""/>
<input class="form-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="Enter your email..." type="email" id="Email" required=""/>
<textarea id="field-2" name="field-2" placeholder="Message" maxlength="5000" data-name="Field 2" class="form-field text-area w-input"></textarea>
<input type="submit" data-wait="Please wait..." class="button full-width w-button" value="Send Message"/>
</form>
<div class="w-form-done">
<p>Thank you! Your submission has been received!</p>
</div>
<div class="w-form-fail">
<p>Oops! Something went wrong while submitting the form :(</p>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="w-container">
<div class="w-row">
<div class="spc w-col w-col-4">
<h5>about deepgrid</h5>
<p>Deep Grid is pioneering the future of energy management through Grid Foundational Models. Our AI-driven solutions optimize microgrids, enabling smarter, more sustainable energy distribution for utilities, businesses, and communities.</p>
</div>
<div class="spc w-col w-col-4">
<h5>useful links</h5>
<a href="#" class="footer-link">AI Grid Models: The Future of Energy</a>
<a href="#" class="footer-link">Why AI is Essential for Modern Microgrids</a>
<a href="#" class="footer-link">Optimizing Microgrids with Machine Learning</a>
<a href="#" class="footer-link">The Role of AI in Energy Management</a>
</div>
<div class="w-col w-col-4">
<h5>social</h5>
<div class="footer-link-wrapper w-clearfix">
<svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
<rect x="2" y="9" width="4" height="12"/>
<circle cx="4" cy="4" r="2"/>
</svg>
<a href="#" class="footer-link with-icon">LinkedIn</a>
</div>
<div class="footer-link-wrapper w-clearfix">
<svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"/>
</svg>
<a href="#" class="footer-link with-icon">X</a>
</div>
<div class="footer-link-wrapper w-clearfix">
<svg class="info-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/>
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/>
</svg>
<a href="#" class="footer-link with-icon">Instagram</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer center">
<div class="w-container">
<div class="footer-text">Copyright Deepgrid Inc.</div>
</div>
</div>
<!-- Scripts -->
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.prod.website-files.com/67a3ce6c2892cedd24a60b2a/js/webflow.f037cb91.2a0e64679408d242.js" type="text/javascript"></script>
<script src="js/main.js"></script>
</body>
</html>