-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (129 loc) · 7.32 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Implant Research Center</title>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117317833-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-117317833-1');
</script>
<!-- begin include -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700" rel="stylesheet" type="text/css" />
<style type="text/css" media="all">
@import url("css/reset.css?m6ebo3");
@import url("css/style.css?m6ebo3");
</style>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/themes/light/light.css" type="text/css" media="screen" />
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<!-- end include -->
</head>
<body>
<!-- begin header -->
<div id="header">
<div class="section">
<div class="logo"><a href="index.html"><img src="images/irc-logo.png" alt="School of Biomedical Engineering" align="left"/></a></div>
<div class="menu">
<ul>
<li class="menuitem"><a href="people/director.html">People</a></li>
<li class="menuitem"><a href="research/implant-retrieval-research.html">Research</a></li>
<li class="menuitem"><a href="gallery.html">Gallery</a></li>
<li class="menuitem"><a href="publications/2018.html">Publications</a></li>
<li class="menuitem"><a href="handbooks/uhmwpe-biomaterials-handbook.html">Handbooks</a></li>
<li class="menuitem"><a href="news.html">News</a></li>
<li class="menuitem"><a href="links.html">Links</a></li>
</ul>
</div>
<div class="drexel-logo"><a href="http://www.drexel.edu" target="_blank"><img src="images/drexel-logo.png" style="width:78px;height:88px" alt="Drexel University" align="right"/></a></div>
<div class="clear"></div>
</div>
</div>
<!-- end header -->
<div id="container">
<div id="content">
<div class="section">
<center>
<div class="slider-wrapper theme-light">
<div id="slider" class="nivoSlider">
<img src="images/home/1.jpg" alt="Complete Total Hip Replacement System" title="Complete Total Hip Replacement System"/>
<img src="images/home/2a.jpg" alt="Visual Analysis" title="Visual Analysis"/>
<img src="images/home/picture2.jpg" alt="Complete Total Knee Replacement System" title="Complete Total Knee Replacement System"/>
<img src="images/home/3.jpg" alt="Metal and Ceramic Femoral Heads (Hip)" title="Metal and Ceramic Femoral Heads (Hip)" />
<img src="images/home/4a.jpg" alt="Dr. Steven Kurtz" title="Dr. Steven Kurtz" />
<img src="images/home/5.jpg" alt="Ceramic Coated Metal Patellofemoral Component (Knee)" title="Ceramic Coated Metal Patellofemoral Component (Knee)" />
<img src="images/home/14.jpg" alt="Metal and Polyethylene Acetabular Components (Hip)" title="Metal and Polyethylene Acetabular Components (Hip)"/>
<img src="images/home/picture7.jpg" alt="Anti-Biotic Bone Cement Spacer (Knee)" title="Anti-Biotic Bone Cement Spacer (Knee)"/>
<img src="images/home/12.jpg" alt="Metal-on-Metal Femoral and Acetabular Components (Hip)" title="Metal-on-Metal Femoral and Acetabular Components (Hip)"/>
<img src="images/home/picture8.jpg" alt="PEEK Rod Stabilization System (Spine)" title="PEEK Rod Stabilization System (Spine)"/>
<img src="images/home/picture9.jpg" alt="Total Disc Replacement (Spine)" title="Total Disc Replacement (Spine)" />
<img src="images/home/picture10.jpg" alt="PEEK Nucleus Pulposus Replacement (Spine)" title="PEEK Nucleus Pulposus Replacement (Spine)" />
<img src="images/home/13.jpg" alt="IRC" title="IRC" /> </div>
</div>
<!--<div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div>-->
</center>
</div>
<div class="section">
<h1>Mission Statement</h1>
<ul class="mission">
<li style="margin-right: 30px;">To foster, enhance, and protect a unified, multi-institutional collection of retrieved orthopedic, spine, and cardiovascular
implants and peri-implant tissue as a resource for academic research.</li>
<li style="margin-left: 30px;">To pursue clinically and societally relevant studies related to implant performance through an international, collaborative, and educational
exchange incorporating engineering, biology, and clinical science.</li>
</ul>
</div>
</div>
<!-- end content -->
<div class="clear"></div>
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer">
<div class="section">
<div style="float: right; width: 50; text-align: right;"> <a href="http://www.medicalpeek.org/"><img src="images/peek-logo.png" style="width:149px;height:82px" alt="Peek Logo"/></a> <a href="http://www.uhmwpe.org/"><img src="images/uhmwpe-logo.png" style="width:163px;height:66px" alt="UHMWPE Logo"/></a> <a href="http://www.orthoceramics.org/" target="_blank"><img src="images/logo-orthoceramics.png" style="width:169px;height:67px" alt="OrthoCeramics"/></a> </div>
<div style="float: left; width: 50;">
<p>©2018 Implant Research Center</p>
<p>3401 Market St, Suite 345, Philadelphia, PA 19104 <br/>
Phone: (215) 571 4345 or (215) 571 4346 <br/>
Fax: (215) 571 4348</p>
</div>
<div class="clear"></div>
<div>Last Updated: April 2018<br/>
This website is maintained by Jaclyn Schachtner</div>
</div>
</div>
<!-- end footer -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
// slices: 15, // For slice animations
// boxCols: 8, // For box animations
// boxRows: 4, // For box animations
// animSpeed: 500, // Slide transition speed
// pauseTime: 3000, // How long each slide will show
// startSlide: 0, // Set starting Slide (0 index)
// directionNav: true, // Next & Prev navigation
// controlNav: true, // 1,2,3... navigation
// controlNavThumbs: false, // Use thumbnails for Control Nav
// pauseOnHover: true, // Stop animation while hovering
// manualAdvance: false, // Force manual transitions
// prevText: 'Prev', // Prev directionNav text
// nextText: 'Next', // Next directionNav text
// randomStart: false, // Start on a random slide
// beforeChange: function(){}, // Triggers before a slide transition
// afterChange: function(){}, // Triggers after a slide transition
// slideshowEnd: function(){}, // Triggers after all slides have been shown
// lastSlide: function(){}, // Triggers when last slide is shown
// afterLoad: function(){} // Triggers when slider has loaded
});
});
</script>
</body>
</html>