-
Notifications
You must be signed in to change notification settings - Fork 0
/
home_updated.html
163 lines (162 loc) · 11.5 KB
/
home_updated.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
159
160
161
162
163
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="style.css"></link>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@100;300;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: "Helvetica Neue",'Helvetica', Arial, sans-serif;
font-size: 14px;
}
</style>
</head>
<body>
<section class="picture-display">
<div class="container px-4 py-5 features">
<!--<div class="row">-->
<!--<div class="col-md-10">-->
<div class="row">
<!--<div class="col-md-1"></div>-->
<div class="col-md-12">
<h2 class="featurette-heading">ABOUT US</h2>
<p style="text-justify"><b>The Center for Advanced Pain Studies</b> (CAPS) is composed of six founding UT Dallas faculty, affiliate faculty at UT Southwestern (UTSW), twelve postdoctoral fellows/research associates, and graduate students across multiple academic disciplines studying different facets of <b><span style="color:#4D0202;">chronic pain</span></b> and <b><span style="color:#4D0202;">migraine</span></b>.</p>
<p style="text-justify"><span style="color:#4D0202;"><b>Chronic pain</b></span> is a significant problem of world-wide importance. The most common cause of long-term disability in the world, the annual cost of chronic pain in the U.S. is as high as <b><span style="color:#4D0202;">$635 billion</span></b> a year; more than cancer, heart disease, and diabetes care combined. <b><span style="color:#4D0202;">CAPS</span></b> is aggressively pursuing lines of research aimed at alleviating suffering from pain and improving the lives of people with chronic pain and/or migraine.</p>
<p style="text-justify"> The <span style="color:#4D0202;"><b>research mission</b></span> of the Center for Advanced Pain Studies (CAPS) is to elucidate fundamental mechanisms underlying chronic pain and migraine, as well as to discover novel therapeutics for the treatment of chronic pain through <b><span style="color:#4D0202;">academic</span></b>, <b><span style="color:#4D0202;">public</span></b>, and <b><span style="#4D0202:blue;">private</span></b> partnerships. The center will catalyze existing and future research activities and become an internationally recognized research leader in basic pain and migraine mechanisms and therapeutics discovery. It will also be a launching pad for <b><span style="color:#4D0202;">entrepreneurship</span></b> and <b><span style="color:#4D0202;">innovation</span></b>, helping Dallas to become the next hotbed of therapeutic discovery for our two primary focus areas: <i>chronic pain</i> and <i>migraine</i>.</p>
<p style="text-justify">The center will play a pivotal role in drawing together investigators across disciplines ranging from <b><span style="color:#4D0202;">neuroscience</span></b>, <b><span style="color:#4D0202;">molecular biology</span></b>, <b><span style="color:#4D0202;">bioengineering</span></b>, <b><span style="color:#4D0202;">chemistry</span></b>, and <b><span style="color:#4D0202;">neuroengineering</span></b> to advance discoveries, translate findings, and foster the next generation of multidisciplinary scientists pursuing pain research. Our scientists are pursuing treatments for some of the most costly and disabling brain diseases: <b><span style="color:#4D0202;">chronic pain</span></b>, <b><span style="color:#4D0202;">neuropathic pain</span></b>, and <b><span style="color:#4D0202;">migraine headache</span></b>.</p>
</div>
<!--<div class="col-md-1"></div>-->
</div>
<br>
<div class="row">
<div class="col-md-4">
<div class="box" style="width: 100%;">
<div style="position: relative;">
<img src="CAPS2.png" width="100%" height="100%">
<!--<a href="https://paincenter.utdallas.edu/" class="btn btn-primary btn-lg" style="position: absolute; bottom: 20px; left: 100px; background-color: #C35110;background-color: #355E3B on hover !important;"target="_blank">CAPS Website</a>-->
<button type="button" id="d55" class="button btn action-button btn-lg px-4 me-md-2" title="To access the CAPS Website, Click here!" style="margin-top: 10px; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);"rel="noopener noreferrer"target="_blank">
CAPS Website
</button>
<script>
<!-- JavaScript code to handle the button click and redirect -->
document.getElementById("d55").addEventListener("click", function() {
window.open("https://paincenter.utdallas.edu/", "_blank");
});
</script>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box" style="width: 100%;">
<div style="position: relative;">
<img src="Research.jpg" width="100%" height="100%">
<!--<a href="https://paincenter.utdallas.edu/research/" class="btn btn-primary btn-lg" style="position: absolute; bottom: 20px; left: 120px; background-color: #C35110;"target="_blank">Research</a>-->
<button type="button" id="d56" class="button btn action-button btn-lg px-4 me-md-2" title="Click here to access the Research page!" style="margin-top: 10px; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);"target="_blank">
Research
</button>
<script>
<!-- JavaScript code to handle the button click and redirect -->
document.getElementById("d56").addEventListener("click", function() {
window.open("https://paincenter.utdallas.edu/research/", "_blank");
});
</script>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box" style="width: 100%;">
<div style="position: relative;">
<img src="BSB.jpg" width="100%" height="100%">
<!--<a href="https://bbs.utdallas.edu/departments/neuroscience/" class="btn btn-primary btn-lg" style="position: absolute; bottom: 20px; left: 70px; background-color: #C35110;"target="_blank">Dept of Neuroscience</a>-->
<button type="button" id="d57" class="button btn action-button btn-lg px-4 me-md-2" title="Explore the giving page by clicking here and donate!" style="margin-top: 10px; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);" target="_blank">
Giving
</button>
<script>
<!-- JavaScript code to handle the button click and redirect -->
document.getElementById("d57").addEventListener("click", function() {
window.open("https://paincenter.utdallas.edu/giving/", "_blank");
});
</script>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="featurette-heading">LEARN MORE</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box" style="width: 100%;">
<iframe width="100%" height="200" src="https://www.youtube.com/embed/zxf6EGwcMew"></iframe>
</div>
</div>
<div class="col-md-4">
<div class="box" style="width: 100%;">
<iframe width="100%" height="200" src="https://www.youtube.com/embed/ent5skX4oKU"></iframe>
</div>
</div>
<div class="col-md-4">
<div class="box" style="width: 100%;">
<iframe width="100%" height="200" src="https://www.youtube.com/embed/wXzPVbVsPcE"></iframe>
</div>
</div>
</div>
<!--</div>-->
<!--<div class="col-md-1"></div>-->
<!--</div>-->
</div>
</section>
<div class="spacer"></div>
<div class="spacer"></div>
<div class="row featurette">
<footer class="footer text-center" style="background-color:#00422e; color:white; margin: 0; padding: 0;width:100%">
<div>
<h1 class="featurette-heading">Want to stay up to date?</h1>
<p>Sign up for our newsletter and we'll keep you updated on our data</p>
<form>
<div style="display: flex; justify-content: center; align-items: center;">
<input id="text1" type="email" placeholder="Enter your email" style="height: 46px; border-radius: 6px; min-width: 10%; width: 15%; padding-left: 5px;" title="Please enter a valid email address" pattern="/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}
[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/
" id="email-input">
<button type="button" class="button btn btn-lg" style="margin-left: 10px;" id="submitemail1">Submit</button>
</div>
<span style="color: red" id="label1"></span>
<span style="color: green" id="label_correct1"></span>
</form>
</div>
<div class="social-bar d-flex container p-5 justify-content-center">
<div>
<button class="social-btn" style="background-color: #ac2bac" role="button">
<a href=https://www.instagram.com/utdpaincenter/><i class="fa fa-instagram" style="color: #fff"></i></a>
</button>
<button class="social-btn" style="background-color: #FF0000" role="button">
<a href=https://www.youtube.com/channel/UC172TED0zMWvx9mszhvvtgQ/><i class="bi bi-youtube" style="color: #fff;"></i></a>
</button>
<button class="social-btn" style="background-color: #000000" role="button">
<a href=https://twitter.com/UTDPainCenter/ style="color: #FFFFFF;">𝕏
</a>
</button>
<button class="social-btn" style="background-color: #55acee" role="button">
<a href=https://www.linkedin.com/company/center-for-advanced-pain-studies/>
<i class="bi bi-linkedin" style="color: #fff"></i>
</a>
</button>
</div>
</div>
<div class="text-center p-3" style="color: white;padding-bottom: 10px">
© 2021 Copyright:
<a class="text-light" href="#">Sensoryomics</a>
</div>
</footer>
<script src=https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>