-
Notifications
You must be signed in to change notification settings - Fork 0
/
page_fullwidth.html
152 lines (124 loc) · 7.83 KB
/
page_fullwidth.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
<!DOCTYPE HTML>
<!--[if lt IE 8]><html class="no-js oldIE" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en-US"><![endif]-->
<!--[if IE 9]><html class="no-js ie9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en-US" class="no-js not-ie"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>MIT CSAIL | Accessibility of Mobile Apps</title>
<meta name="description" content="Accessible+ | an accessible website template that complies to Section 508 and WCAG 2.0 AA standards" />
<meta name="keywords" content="" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" type="text/css" href="vendor/slick-1.5.7/slick.css"/>
<link rel="stylesheet" type="text/css" href="vendor/slick-1.5.7/slick-theme.css"/>
<link rel="stylesheet" href="vendor/share/4.0/styles/sharewidget-4.0.css"/>
<link href="vendor/rwdTable/1.0/css/rwdtable-core.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/jqueryui/themes/base/jquery-ui.css">
<link rel="stylesheet" href="vendor/globalassets/styles/widgets/tooltips.css">
<link rel="stylesheet" href="vendor/globalassets/styles/widgets/dropdowns.css">
<link rel="stylesheet" href="styles/portfolio.css">
<link rel="stylesheet" href="styles/features.css">
<link rel="stylesheet" href="styles/contact.css">
<link rel="stylesheet" href="styles/style.css" title="default">
<!-- Accessibility Menu -->
<link href="accessibility-menu/accessibilitymenu.css" type="text/css" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Catamaran:400,200,700' rel='stylesheet' type='text/css'>
<script src="vendor/modernizr/modernizr.js"></script>
<script src="vendor/jquery/jquery.js"></script>
<script src="vendor/jqueryui/ui/jquery-ui.js"></script>
<script src="vendor/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="vendor/globalassets/scripts/assets.core.js"></script>
</head>
<body>
<header role="banner">
<nav class="navbar navbar-default navbar-fixed-top" style="">
<div class="container">
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="our_mission.html">Our Mission</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Accessibility Resources
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="what_is_mobile_accessibility.html">What is Native Mobile Accessibility?</a></li>
<li><a href="mobile_accessibility_legislation.html">Native Mobile Accessibility Legislation</a></li>
<li><a href="mobile_accessibility_guidelines.html">Native Mobile Accessibility
Guidelines</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">AMA Native Mobile Guidelines</li>
<li><a href="mobile_ui_tips.html">Tutorial Page</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">AMA Library
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="ama_library_overview.html">Overview</a></li>
<li><a href="tutorial_sitemap.html">Tutorial</a></li>
<li><a href="http://github.mit.edu/dig/accessibility" target="_blank">Source
Code on Github</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</header>
<!-- begin Main -->
<main role="main" aria-label="main section" id="main-content">
<section id="page-title">
<div class="container " role="header and benefits">
<div class="row">
<div class="col-md-12">
<ol class="breadcrumb" role="breadcrumb">
<li>
<a href="index.html" title="Home">Home</a>
</li>
<li class="active">
Features - Page Full Width
</li>
</ol>
<h1 class="pageTitle">Features - Page Full Width</h1>
</div>
</div>
</div>
</section>
<div class="container bottomMargin50">
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus massa diam, luctus molestie massa in, volutpat auctor purus. Praesent scelerisque justo finibus pharetra rutrum. Morbi sit amet sapien eget felis luctus convallis et ut tellus. Nunc eu odio iaculis, fringilla risus a, fermentum felis. In et dictum dolor. Pellentesque nec mi nec dui venenatis posuere. Aliquam eget elit ipsum. Phasellus nulla leo, bibendum at dolor nec, interdum fringilla tellus.</h3>
<p>Nunc sodales purus fringilla velit faucibus mattis. Sed malesuada auctor lorem quis feugiat. Nullam at massa mollis, semper eros vel, sagittis urna. Morbi ornare diam at mi ultrices tempor. Pellentesque rutrum elit at dolor porta luctus. Nam sit amet aliquam augue. Quisque ut metus maximus, molestie sem eget, aliquet ipsum.</p>
</div>
</main>
<a href="#" class="scrollToTop" alt="Scroll To Top"><span class="sr-only">Scroll To Top</span></a>
<!-- begin footer-->
<footer class="footer" role="contentinfo">
<div class="container">
<p><small>Copyright © 2016 AMA Project | Decentralized Information Group | CSAIL | MIT | Cambridge, MA. Template Designed by <a href="http://shakedwebdesign.com/" target="_blank">Sharon Shaked</a>.</small></p>
</div>
</footer>
<!-- end footer -->
<!-- build:js scripts/main.js -->
<!--<script data-main="scripts/main" src="vendor/requirejs/require.js"></script>-->
<!-- endbuild -->
<!-- endbuild -->
<script src="vendor/globalassets/scripts/assets.responsive.js"></script>
<script src="vendor/jquery.validation/jquery.validate.min.js"></script>
<script src="vendor/share/4.0/js/sharewidget-4.0.js"></script>
<script type="text/javascript" src="vendor/slick-1.5.7/slick.min.js"></script>
<script src="vendor/portfolio/jquery.quicksand.js"></script>
<script src="vendor/globalassets/scripts/breadcrumb.js"></script>
<script src="vendor/back-to-top/main.js"></script>
<script type="text/javascript" src="accessibility-menu/accessibilitymenu.js" data-language="eng" data-oemsource="accessible+" data-sign="classic"></script>
<script type="text/javascript">
$( document ).ready(function() {
$(".accessibilityimage").attr("src","images/icon-accessibility.png");
$(".accessibilityimage").attr("height","70");
});
</script>
</body>
</html>