Skip to content

Commit 0aee5b0

Browse files
khan4019khan4019
committed
added new file
1 parent 2b2f7b7 commit 0aee5b0

File tree

3 files changed

+129
-0
lines changed

3 files changed

+129
-0
lines changed

‎images/html5_responsive_design.jpg

2.15 MB
Loading

‎jsQuiz.html renamed to ‎js2.html

File renamed without changes.

‎js3.html

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="that js dude" content="">
9+
<title>JS: Quiz Explanation</title>
10+
11+
<link rel="shortcut icon" href="images/favicon.jpg">
12+
<link rel="stylesheet" href="css/bootstrap.min.css" >
13+
<link rel="stylesheet" href="css/zenburn.css">
14+
<!-- Custom styles for this template -->
15+
<style>
16+
/* Move down content because we have a fixed navbar that is 50px tall */
17+
body {
18+
padding-bottom: 20px;
19+
}
20+
.purpleBold{
21+
color:purple;
22+
font-weight: bold;
23+
}
24+
.gray{
25+
color: gray;
26+
}
27+
.blueish{
28+
color: rgba(151, 182, 209, 0.98);
29+
}
30+
.singInStuff{
31+
margin-top: 9px;
32+
}
33+
#uName{
34+
margin-top: -7px;
35+
}
36+
.skipListItem{
37+
list-style-type: none;
38+
}
39+
.skipListItem a{
40+
color: inherit;
41+
}
42+
a:visited
43+
{
44+
color: rgba(218, 209, 149, 0.98);
45+
}
46+
/*style for demo*/
47+
48+
</style>
49+
50+
<!-- Just for debugging purposes. Don't actually copy this line! -->
51+
<!--[if lt IE 9]><script src="docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
52+
53+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
54+
<!--[if lt IE 9]>
55+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
56+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
57+
<![endif]-->
58+
</head>
59+
60+
<body>
61+
62+
<!-- Main jumbotron for a primary marketing message or call to action -->
63+
<div class="jumbotron">
64+
<div class="container">
65+
<h1>JS: tricky Quiz</h1>
66+
<h2>part -3: intermediate</h2>
67+
<p>January 26, 2014</p>
68+
<!-- <div id="fb-root"></div><div class="fb-like" data-href="http://www.thatjsdude.com/interview/js1.htmQuiz" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> &nbsp;<div class="g-plusone"></div>
69+
-->
70+
</div>
71+
</div>
72+
<div class="container">
73+
<!-- Example row of columns -->
74+
75+
<div class="row center">
76+
<!-- <iframe width="853" height="480" src="//www.youtube.com/embed/Rx_JFOSxgpY" frameborder="0" allowfullscreen></iframe> -->
77+
</div>
78+
79+
<!-- <p class="gray">if you are little more comfortable or claim to be comfortable with javascript, these questions would not be enough for you. more coming</p>
80+
<p class="gray"> <span class="purpleBold">More Questions</span> <a href="css.html">css interview questions</a>, <a href="html.html">html interview questions</a> </p> -->
81+
82+
<div id="responsiveWebsite">
83+
<p><strong>Question:</strong> What are the things you would do to make a website responsive</p>
84+
<p><strong>Answer:</strong></p>
85+
<p>ref: <a href="http://readwrite.com/2013/04/16/10-developer-tips-to-build-a-responsive-website-infographic#awesm=~ou5vLQZqqXIubV">Read best practices</a></p>
86+
</div>
87+
88+
89+
<div>
90+
<!-- <h3 class="purpleBold">Express anger!</h3>
91+
<p class="gray">Feel free to express your anger (sorry u have to use facebook). also find out mistakes ( technical, wrong answer, spelling, grammar, sentence, whatever), let ur dude learn and grow.</p>
92+
<div class="fb-comments" data-href="http://www.thatjsdude.com/interview/js1.html" data-numposts="5" data-colorscheme="light"></div>
93+
-->
94+
</div>
95+
<hr>
96+
97+
<footer>
98+
<p>&copy;thatJSDude 2014</p>
99+
</footer>
100+
</div> <!-- /container -->
101+
102+
103+
<!-- Bootstrap core JavaScript
104+
================================================== -->
105+
<!-- Placed at the end of the document so the pages load faster -->
106+
<script src="js/jquery-2.0.3.min.js"></script>
107+
<script src="js/bootstrap.min.js"></script>
108+
<script src="js/highlight.pack.js"></script>
109+
<script>hljs.initHighlightingOnLoad();</script>
110+
<script src="js/toggleExample.js"></script>
111+
<script type="text/javascript">
112+
// //social plugins
113+
// //g+
114+
// (function() {
115+
// var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
116+
// po.src = 'https://apis.google.com/js/platform.js';
117+
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
118+
// })();
119+
// //fb
120+
// (function(d, s, id) {
121+
// var js, fjs = d.getElementsByTagName(s)[0];
122+
// if (d.getElementById(id)) return;
123+
// js = d.createElement(s); js.id = id;
124+
// js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
125+
// fjs.parentNode.insertBefore(js, fjs);
126+
// }(document, 'script', 'facebook-jssdk'));
127+
</script>
128+
</body>
129+
</html>

0 commit comments

Comments
 (0)