html
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
<!-- Author: preetha
Date: 30 November 2018
An example of the use of the html based on
a similar example in chapter of 'HTML Basics' .
-->
<!DOCTYPE html>
<html>
<head>
<title>My Blog</title>
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
</head>
<body>
<!-- header start -->
<div id="header" class="section">
<img alt="" class="img-circle" src=" https://www.sololearn.com/avatars/af7ab05c-6695-4951-9175-668b9f136620.jpg ">
<p>Preetha</p>
</div>
<!-- header end -->
<!-- About Me section start -->
<div class="section">
<h1><span>About Me</span></h1>
<p align="center">
Hi! I'm <strong>Preetha</strong>. Coding has changed my life.</br> Coding with Sololearn has been a great improvement in my previous knowledge of coding. It's easy and straight forward with the help of specific courses. Altough, there is still a lot more to learn, I can confidently design <i> a blog page </i> with utmost convenience. All thanks to <strong>SoloLearn</strong> It's not just about apps. Learning to code gave me <i>problem-solving skills</i> and a way to communicate with others on a technical level. I learned it all at <strong>SoloLearn</strong> where they build your self-esteem and keep you motivated. Join me in this rewarding journey. You'll have fun, get help, and learn along the way!<br/>
I inform myself and I ask for advice on my codes. I thank the <strong>SoloLearn community </strong> for teaching me so much, and I hope I can continue to learn with you because I want to reach my goal !
Enter to Rename, Shift+Enter to Preview
css
css
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
/* Author: preetha
Date: 30 November 2018
An example of the use of the html based on
a similar example in chapter of ' HTML Basics ' .
*/
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Handlee', cursive;
font-size: 13pt;
background-color: #fdd835;
padding: 10px;
margin: 0;
}
h1 {
font-size: 15pt;
color: #00ff00;
text-shadow: 5px 2px 4px grey;
text-align: center;
padding: 18px 0 18px 0;
margin: 0 0 10px 0;
}
h1 span {
border: 4px dashed #ff0000;
Enter to Rename, Shift+Enter to Preview
js
js
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
/* Author: preetha
Date: 30 November 2018
An example of the use of the html based on
a similar example in chapter of ' HTML Basics ' .
*/
confirm ("It was my try.Any suggestions are welcome!");
alert("I have referenced many other codes.so,thanks to all!")
alert ("If you like this code.Don't forget to upvote me:):) ");
function myFunction() {
var input, filter, ul, li, a, i;
input = document.getElementById("mySearch");
filter = input.value.toUpperCase();
ul = document.getElementById("mymenu");
li = ul.getElementsByTagName("li");
// Loop through all list items, and hide those who don't match the search query
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
if(a.innerHTML.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run