-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_backup1.html
124 lines (96 loc) · 5.39 KB
/
index_backup1.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CO2 Onboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="./dist/reveal.css">
<link rel="stylesheet" href="./dist/theme/serif.css" id="theme">
<style type="text/css" media="screen">
.slides section.has-dark-background,
.slides section.has-dark-background h2 {
color: #fff;
}
.slides section.has-light-background,
.slides section.has-light-background h2 {
color: #222;
}
/* Custom CSS to make navigation arrows white */
.navigate-left,
.navigate-right,
.navigate-up,
.navigate-down {
color: #fff !important;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-background="#005F56">
<section>
<h2>CO<sub>2</sub> Onboard</h2>
<p style="margin-top: 10px;"> At CO<sub>2</sub> Onboard, our aim is to decarbonize the energy system while ensuring minimal change to the
current infrastructure but still closing the emissions loop between fuel production and fuel usage. </p>
<p style="margin-top: 10px;"> We focus on developing powertrains for large transportation applications and stationary power generation systems,
which enable net-zero and even net-negative emissions, depending on the fuel source. </p>
<p style="font-size: 0.3em; margin-top: 20px;">Please use the vertical arrows at lower-right corner to see problems with currently proposed solutions.</p>
</section>
<section>
<h3 style="font-size: 0.8em;">High cost CO<sub>2</sub>, obtained through Direct Air Capture, containing fuel is burnt and released back to atmosphere</h3>
<img src="images/prob1.png" alt="Problem 1 Image" style="width: 90%; height: auto;">
<p style="font-size: 0.8em;">Problem 1 Description</p>
</section>
<section>
<h3 style="font-size: 0.8em;">Batteries do not scale well with size (as of now)</h3>
<img src="images/prob2.png" alt="Problem 2 Image" style="width: 50%; height: auto;">
<p style="font-size: 0.8em;">Problem 2 Description</p>
</section>
<section>
<h3 style="font-size: 0.8em;">Safety and Volumetric density of Hydrogen (Liq./Gas.)</h3>
<img src="images/prob3.png" alt="Problem 3 Image" style="width: 50%; height: auto;">
<p style="font-size: 0.8em;">Problem 3 Description</p>
</section>
<section>
<h3 style="font-size: 0.8em;">Ammonia is toxic and also disturbs Nitrogen cycle</h3>
<img src="images/prob4.png" alt="Problem 4 Image" style="width: 50%; height: auto;">
<p style="font-size: 0.8em;">Problem 4 Description</p>
</section>
</section>
<section data-background="#005F56">
<img src="your_image_url" alt="Your Image Description" style="width: 50%; height: auto;">
<h2>Your Image Title</h2>
<p>Your Image Description</p>
</section>
<section data-background="#005F56" style="text-align: center; color: #fff; padding: 50px;">
<h2>Contact Us</h2>
<form action="https://formspree.io/f/moqojrav" method="POST"
style="display: inline-block; text-align: left; max-width: 500px; margin: auto;">
<label for="name" style="display: block; margin-bottom: 10px;">Your Name:</label>
<input type="text" id="name" name="name"
style="width: 100%; padding: 10px; margin-bottom: 20px; background: none; border: none; border-bottom: 2px solid #fff; color: #fff;">
<label for="email" style="display: block; margin-bottom: 10px;">Your Email:</label>
<input type="email" id="email" name="_replyto"
style="width: 100%; padding: 10px; margin-bottom: 20px; background: none; border: none; border-bottom: 2px solid #fff; color: #fff;">
<label for="message" style="display: block; margin-bottom: 10px;">Your Message:</label>
<textarea id="message" name="message"
style="width: 100%; padding: 10px; margin-bottom: 20px; background: none; border: none; border-bottom: 2px solid #fff; color: #fff;"></textarea>
<input type="submit" value="Send"
style="background-color: #fff; color: #005F56; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
</form>
</section>
</div>
</div>
<script src="./dist/reveal.js"></script>
<script>
// Full list of configuration options:
// https://revealjs.revealjs.com/config/
Reveal.initialize({
center: true,
transition: 'linear',
// transitionSpeed: 'slow',
// backgroundTransition: 'slide'
});
</script>
</body>
</html>