-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAbout.html
147 lines (128 loc) · 4.93 KB
/
About.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
<!DOCTYPE html>
<html>
<head>
<title>LearnWeb</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css" />
</head>
<body background="rest.png">
<div class="navbar-static-top navbar-inverse">
<div class="container">
<div class="navbar-brand">
LearnWeb
</div>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<i class="glyphicon glyphicon-menu-hamburger"></i>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li id="hello"><a href="#Home">Home</a></li>
<li id="hello"><a href="#about">Lessons</a></li>
<li id="hello"><a href="#about">Videos</a></li>
<li id="hello"><a href="#about">About the Editor</a></li>
</ul>
</div>
</div>
</div>
<div class="jumbotron">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="hi.jpg" alt="Chania" class="img-responsive">
<div class="carousel-caption">
<h1>Welcome to LearnWeb</h1><br>
<p></p>
</div>
</div>
<div class="item">
<img src="on.jpg" alt="Chania" class="img-responsive">
<div class="carousel-caption">
<h1>Want to learn from the beginning</h1>
<p>Learn along with me as I learn</p>
</div>
</div>
<div class="item">
<img src="hd.jpg" alt="Flower" class="img-responsive">
<div class="carousel-caption">
<h1>Let me teach you</h1>
<p>Let me help you Learn web design so that you can create a website of your own</p>
</div>
</div>
<div class="item">
<img src="splash.png" alt="Flower" class="img-responsive">
<div class="carousel-caption">
<p>And please download the necessary links!!!!</p>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="info">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<p>Hello guys I am a first year computing student of National College Of Ireland and as a part of my module i need to make a website.
This Website is a part of my project and i will teach you how to make a website.</p>
</div>
<div class="col-md-6 col-sm-12">
<center><img src="pro.jpg" width="200px" height="200px"></center>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<p>Making a website isn't as difficult as it seems it just needs a little of concentration and a lot of hardwork.</p>
<p>As i am still a student and theres a lot to learn i suggest you keep an eye on the website as it will be constantly updating.</p>
</div>
<div class="col-md-6 col-sm-12">
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12">
<p>To do basic html i recommend you download nootepad++, its a pretty basic software where you can do your basic programming,
its user friendly and will do for now, there are a lot of other softwares too which you could utilise, but for a beginner
i recommend using notepad++. The link is mentioned below</p>
<a href="https://notepad-plus-plus.org/download/v7.2.html">Notepad++</a>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<footer>© Ashish</br><a href= "#">Back to top</a></footer>
</div>
</div>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script>$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>
</html>