-
Notifications
You must be signed in to change notification settings - Fork 1
/
bootstrap.html
executable file
·126 lines (111 loc) · 6.44 KB
/
bootstrap.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This is the community playbook created by Benetech's Code Alliance program. Social Good 2.0.">
<meta name="author" content="code alliance, benetech, deep datta">
<title>Code Alliance Community Playbook</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/simple-sidebar.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
<img src="img/logo.png" style="height:45px; margin-top:-10px;" alt="Code Alliance logo white;" />
</a>
</li>
<li><a href="home.html">Home</a></li>
<li><a href="github.html">GitHub 101</a></li>
<li><a href="code-learning.html">Code Learning</a></li>
<li><a href="programming-languages.html">Programming Languages</a></li>
<li><a href="service-enterprise-model.html">Service Enterprise Model</a></li>
<li><a href="bootstrap.html">Bootstrap Websites</a></li>
<li><a href="fundraising-platforms.html">Fundraising Platforms</a></li>
<li><a href="developer-roles.html">Developer Roles</a></li>
<li><a href="open-source-licenses.html">Open Source Licenses</a></li>
<li><a href="event-types.html">Types of Coding Events</a></li>
<li><a href="email.html">Email Services</a></li>
<li><a href="social-media.html">Social Media</a></li>
<li><a href="videos.html">Video Services</a></li>
<li><a href="free-images.html">Copyright Free Images</a></li>
<li><a href="analytics.html">Google Analytics</a></li>
<li><a href="salesforce.html">Salesforce</a></li>
<li><a href="confluence.html">Confluence</a></li>
<li><a href="jira.html">JIRA</a></li>
<li><a href="cloud-deployment.html">Cloud Deploy Services</a></li>
<li><a href="hosting-services.html">Website Hosting</a></li>
<li><a href="content-management.html">Content Management Websites</a></li>
<li><a href="wysiwyg.html">WSYIWYG Editing Websites</a></li>
<li><a href="databases.html">Databases</a></li>
<li><a href="seo.html">SEO</a></li>
<li><a href="mobile-development.html">Mobile Development</a></li>
<li><a href="a11y.html">Coding for Accessibility</a></li>
<li><a href="survey-tools.html">Survey Tools</a></li>
<li><a href="project-summary.html">Create a Project Doc</a></li>
<li><a href="volunteer-websites.html">Volunteer Websites</a></li>
<li><a href="prototyping-tools.html">Prototyping Tools</a></li>
<li><a href="marketing-tools.html">Marketing Tools</a></li>
<li><a href="nonprofit-types.html">Nonprofit Types</a></li>
<li><a href="trythis.html">Try This!</a></li>
<li><a href="http://www.linkedin.com/in/shantanudeepdatta"><span style="font-size:12px;">Deep Datta</span></a></li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Top Navigation -->
<div style="width:100%; height:50px; background-color:white; border-bottom:1px solid black;">
<ul class="main-nav">
<li>
<a href="#menu-toggle" id="menu-toggle" style="padding:50px; color:white;"><img src="img/navbars.png" style=" margin-left:-30px; height:30px;" alt="Toggle Menu Bar" /></a>
</li>
<li><a href="how-to.html">How To Use This Guide</a></li>
<li><a href="how-to-contribute.html">How To Contribute</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="project-summary-examples.html">Project Summary Examples</a></li>
<li><a href="services.html">Other Services</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1>Bootstrap <br /><span style="font-size:12px; color:#CCC;">by Twitter</span></h1>
<p>Bootstrap is a collection of free to use templates that are bundled together to help developers and product managers create quick responsive clean websites. Originally, bootstrap websites were created to eliminate the need for developers to re-code websites from scratch every time they wanted to create a new one. Today, these templates have been expanded, and you can download very modern looking bootstrap themes to use as a production level website.</p>
<p style="margin-top:25px;">
<a href="http://getbootstrap.com/" class="btn btn-lg btn-outline">Bootstrap Website</a> <a href="http://startbootstrap.com/" class="btn btn-lg btn-outline">Start Bootstrap Themes</a>
</p>
<p style="margin-top:25px;"><img src="img/bootstrap.png" alt="bootstrap" style="width:550px;" /></p>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>