├── README.md ├── Resume.html ├── Style.css ├── Task.html └── Task.js /README.md: -------------------------------------------------------------------------------- 1 | # HtmlCSS -------------------------------------------------------------------------------- /Resume.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Student Profile 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |

15 | My Profile 16 | 17 |

18 |
19 |
20 | Sushi 21 |
22 | 23 |
24 |

Name: Sushithra Devi SR

25 |

Date Of Birth: 21/12/2004

26 |

Father's Name: Rajan KS

27 |

Email: sushithradevi@gmail.com

28 |

Phone no: 7200616066

29 |

Languages Known English, Tamil

30 |

Hobbies Reading books, Sketching

31 |

Github https://github.com/Sushithra

32 | 33 |
34 |

35 |

Skills

36 |
45 | 46 |

Education

47 |

SWOT

55 |
56 |
Strength
57 |
Creativity, Quick Learning

58 |
Weakness
59 |
Over-working

60 |
Oppurtunity
61 |
AI growth

62 |
Threats
63 |
Tough competition

64 |
65 | 66 |

About Me

67 |

         I am Sushithra Devi SR, currently a student of Bachelor of Technology programme in Artificial Intelligence and Data Science. 68 | I like to upgrade myself, so I want to update with the emerging technolgies. I would like to become a Data Scientist in the forthcoming years. 69 | I have a good interpretation skills, that allows me to be a quick learner with good understanding.

70 |
71 | 72 | 73 | -------------------------------------------------------------------------------- /Style.css: -------------------------------------------------------------------------------- 1 | #bod 2 | { 3 | background-image: url(flower.jpg); 4 | background-repeat: no-repeat; 5 | background-size: cover; 6 | /* background-color:rgb(196, 196, 248); */ 7 | border-style: solid; 8 | border-color: rgb(42, 110, 173); 9 | border-width: initial; 10 | margin: 40px; 11 | padding: 120px; 12 | } 13 | 14 | border-color: rgb(116, 116, 228); 15 | border-style:dotted; 16 | } 17 | img:hover{ 18 | transform:scale(2.5); 19 | } 20 | 21 | 22 | #name{ 23 | animation-name: slidein; 24 | animation-duration: 2s; 25 | margin: 50p; 26 | color: royalblue; 27 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 28 | font-style: italic;} 29 | @keyframes slidein{ 30 | from{ 31 | 32 | 33 | margin-left: 300%; 34 | width: 100%; 35 | } 36 | to{ 37 | margin-left:0%; 38 | width: 100%; 39 | } 40 | } 41 | #details{ 42 | font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 43 | font-size: medium; 44 | } 45 | 46 | ul{ 47 | font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 48 | list-style-type:circle; 49 | } 50 | .para{ 51 | font-size: larger; 52 | } 53 | img:hover{ 54 | transform:scale(1.3); 55 | } 56 | @media screen and (max-width: 1040px) { 57 | hr{ 58 | border-color: rgb(112, 36, 89); 59 | border-style:solid 60 | } 61 | #name{ 62 | color: rgb(117, 46, 108); 63 | background-color: rgb(224, 233, 253); 64 | margin: 40px; } 65 | #bod{ 66 | text-align: center; 67 | background-image: none; 68 | background-color: rgb(221, 232, 255); 69 | border-style:solid; 70 | border-color: rgb(170, 33, 117); 71 | color: rgb(97, 27, 82); 72 | font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 73 | font-style: italic; 74 | } 75 | #details{ 76 | color:rgb(104, 58, 112); 77 | } 78 | } -------------------------------------------------------------------------------- /Task.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
ToDo List
11 |
12 | 13 | 14 | 15 |
16 |
17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /Task.js: -------------------------------------------------------------------------------- 1 | function Addtask(){ 2 | var input=document.querySelector('.input') 3 | console.log(input.value) 4 | var element=document.getElementById("Taskcontainer") 5 | console.log(element) 6 | var newElement=document.createElement('div') //create inner container 7 | newElement.setAttribute('id','indiTask') //set attributes-id 8 | newElement.innerHTML=`

${input.value}

` //content 9 | element.append(newElement) 10 | } 11 | function Delete(event){ 12 | event.target.parentElement.remove() 13 | } 14 | --------------------------------------------------------------------------------