-->

Hello,

I AM AJITH KUMAR M

hero

More Info About Me

I am passionate about my work. Because I love what I do, I have a steady source of motivation that drives me to do my best. In my last job, this passion led me to challenge myself daily and learn new skills that helped me to do better work. For example, I taught myself how to use Photoshop to improve the quality of our photos and graphics. I soon became the go-to person for any design needs.

AJITH KUMAR M
24 JUNE 2000
TAMIL NADU, INDIA
ajith@arunai.org
+91 9080468220
ENGINEERING STUDENT
View Work Projects Linkedin HackerRank
Web Design
Graphic Design
Education
Development

My Resume

  • EXPERIENCE
  • EDUCATION
2021 - Present
Final year project Work

Forgive yourself for not knowing what you didn’t know before you learned it.

2016-2017
Web Design Training Course - C.I.TEC Computer Education,Chengam

I am ambitious and driven. I thrive on challenge and constantly set goals for myself, so I have something to strive towards. I’m not comfortable with settling, and I’m always looking for an opportunity to do better and achieve greatness. In my previous role, I was promoted three times in less than two years

2015
Type Writting - Annai Typewritting Coaching Center,Chengam

The great fun in my life has been getting up every morning and rushing to the typewriter because some new idea has hit me.

2018-2022
ARUNAI ENGINEERING COLLEGE, TIRUVANNAMALAI

College life is completely different from school life. It gives us more exposure and also makes us more confident. Our teachers act more like friends in college, whereas in school they’re like our mentors. Most importantly, college life gives us various challenges than our school life..

2016-2017
GOVERMENT HER SECONDERY SCHOOL,ELANGUNNI

+1 AND +2 High school is what kind of grows you into the person you are. I have great memories, good and bad, some learning experiences and some that I’ll take with me the rest of my life.

2005-2015
GOVERMENT HIGH SCHOOL,PULIYAMPATTI

Middle school is kind of like Middle-earth. It’s a magical journey filled with elves, dwarves, hobbits, queens, kings, and a few corrupt wizards. Word to the wise: pick your traveling companions well. Ones with the courage and moral fiber to persevere. Ones who wield their lip gloss like magic wands when confronted with danger. This way, when you pass through the congested hallways rife with pernicious diversion, you achieve your desired destination—or at least your next class.

2
Happy Clients
15
Complete Projects
1000+
Lines of Codes
0
Awards Received

My Services

Web Design

If you think math is hard, try web design.” “Design is not just what it looks like and feels like. Design is how it works.” “If you think good design is expensive, you should look at the cost of bad design.

Development

We build our computers the way we build our cities—over time, without a plan, on top of ruins.

Graphic Design

There are three responses to a piece of design – yes, no, and WOW! Wow is the one to aim for.

Clean Code

Code is like humor. When you have to explain it, it’s bad.

Learning

There is no end to education. It is not that you read a book, pass an examination, and finish with education. The whole of life, from the moment you are born to the moment you die, is a process of learning

Problem Solving

A problem is a chance for you to do your best.

A.P.J ABDUL KALAM

If you fail, never give up because F.A.I.L. means, First Attempt In Learning.

Aji Creations
Steve Jobs

Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.

Aji Creations
Sundar Pichai

A person who is happy is not because everything is right in his life, he is happy because his attitude towards everything in his life is right

Aji Creations

PROJECT ACTIVITIES

arunaiajith

 

Car-Game-using-js

 

Car-Game-using-js

 


Hi , I am Ajith Kumar Murugan

     
project demo 1 Car Racing Game.
project demo 2 Car Racing Game.


Hello, I am Ajith Kumar Murugan final year undergraduate from Arunai Engineering College, Tiruvannamalai (" Wisdom is all wealth ").
a passionate self-learner  and a Machine Learning Engineer  ,
who is obsessed with Data science and always looking to find patterns of which are hidden in the data
 Thought : "Life is full of choices…choose wisely!” 

ull Stack Developer|Data science Engineer



 About me

✔ Callme: He/His or TeamWorker 😊
✔ I’m currently Developing a youtube spam comments filtering tool for Tamil language
✔ I’m currently learning about deep learning🥰
✔ I’m looking to collaborate with any Open - Source data science projects
✔ Ask from me anything you want, If I am alive I will answer within seconds 😉
✔ Fun fact : I Always try to learn something new and then sleep till it store in the brain 😎



 My working tools...

                  

Bithday-Counter-using-Js

                                     Bithday-Counter-using-Js





Bithday-Counter-using-Js


Hi , I am Ajith Kumar Murugan

Full Stack Developer|Data science Engineer


project demo 1 Birthday Counter.

Hello, I am Ajith Kumar Murugan final year undergraduate from Arunai Engineering College, Tiruvannamalai (" Wisdom is all wealth ").
a passionate self-learner  and a Machine Learning Engineer  ,
who is obsessed with Data science and always looking to find patterns of which are hidden in the data
 Thought : "Life is full of choices…choose wisely!” 



side_sticker

 About me ....

✔ Callme: He/His or TeamWorker 😊
✔ I’m currently Developing a youtube spam comments filtering tool for Tamil language
✔ I’m currently learning about deep learning🥰
✔ I’m looking to collaborate with any Open - Source data science projects
✔ Ask from me anything you want, If I am alive I will answer within seconds 😉
✔ Fun fact : I Always try to learn something new and then sleep till it store in the brain 😎



 My working tools...

                  

portfolio-responsive-complete_web_page

    portfolio-responsive-complete webpage

 


Hi , I am Ajith Kumar Murugan

Full Stack Developer|Data science Engineer


project demo 1 portfolio Webpage.


Hello, I am Ajith Kumar Murugan final year undergraduate from Arunai Engineering College, Tiruvannamalai (" Wisdom is all wealth ").
a passionate self-learner  and a Machine Learning Engineer  ,
who is obsessed with Data science and always looking to find patterns of which are hidden in the data
 Thought : "Life is full of choices…choose wisely!” 



side_sticker

 About me ....

✔ Callme: He/His or TeamWorker 😊
✔ I’m currently Developing a youtube spam comments filtering tool for Tamil language
✔ I’m currently learning about deep learning🥰
✔ I’m looking to collaborate with any Open - Source data science projects
✔ Ask from me anything you want, If I am alive I will answer within seconds 😉

✔ Fun fact : I Always try to learn something new and then sleep till it store in the brain 😎 

STYLISH LOGIN PAGE RESPONSIVE

 STYLISH  LOGIN PAGE RESPONSIVE 

Follow the steps to create a responsive Login form using CSS.

Step 1 : Adding HTML
Add an image inside a container and add inputs with matching labels for each field. Wrap a “form” element around them to process the input.

Step 2 : Adding CSS
Add the required CSS to design the login page try to keep the design as simple as possible.

Program: This code will guide you through comments that how to design design and which property is used for which design to create.

index.html 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> CSS Stylish Login Page Example</title>
<meta name="author" content="Codeconvey" />
<!-- Font Awesome -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Stylish Login Page CSS -->
<link rel="stylesheet" href="css/login-page.css">
<!--Only for demo purpose - no need to add.-->
<link rel="stylesheet" href="css/demo.css" />
</head>
<body>
<div class="ScriptTop">
<div class="rt-container">
<div class="col-rt-4" id="float-right">
<!-- Ad Here -->
</div>
<div class="col-rt-2">
</div>
</div>
</div>
<header class="ScriptHeader">
<div class="rt-container">
<div class="col-rt-12">
<div class="rt-heading">
<h1>CSS Stylish Login Page</h1>
<p>Ajith creation</p>
</div>
</div>
</div>
</header>
<section>
<div class="rt-container">
<div class="col-rt-12">
<div class="Scriptcontent">
<!-- Stylish Login Page Start -->
<form class="codehim-form">
<div class="form-title">
<div class="user-icon gr-bg">
<i class="fa fa-user"></i>
</div>
<h2> CSS Login Form</h2>
</div>
<label for="email"><i class="fa fa-envelope"></i> Email:</label>
<input type="email" id="email" class="cm-input" placeholder="Enter your email adress">
<label for="pass"><i class="fa fa-lock"></i> Password:</label>
<input id="pass" type="password" class="cm-input" placeholder="Enter your password">
<button type="submit" class="btn-login gr-bg">Login</button>
</form>
<!-- Stylish Login Page End -->
</div>
</div>
</div>
</section>
<!-- Analytics -->
</body>
</html>


demo.css

@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900');
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
article, header, section, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
body {
color: #222;
font-size: 100%;
line-height: 24px;
margin: 0;
padding:0;
font-family: "Raleway",sans-serif;
}
a{
font-family: "Raleway",sans-serif;
text-decoration: none;
outline: none;
}
a:hover, a:focus {
color: #373e18;
}
section {
float: left;
width: 100%;
padding-bottom:3em;
}
h2 {
color: #212121;
font-size: 26px;
font-weight: 700;
margin: 0;
line-height: normal;
text-transform:uppercase;
}
h2 span {
display: block;
padding: 0;
font-size: 18px;
opacity: 0.7;
margin-top: 5px;
text-transform:uppercase;
}
#float-right{
float:right;
}
/* ******************************************************
Script Top
*********************************************************/
.ScriptTop {
background: #fff none repeat scroll 0 0;
float: left;
font-size: 0.69em;
font-weight: 600;
line-height: 2.2;
padding: 12px 0;
text-transform: uppercase;
width: 100%;
}
/* To Navigation Style 1*/
.ScriptTop ul {
margin: 24px 0;
padding: 0;
text-align: left;
}
.ScriptTop li{
list-style:none;
display:inline-block;
}
.ScriptTop li a {
background: #6a4aed none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 5px 18px;
text-decoration: none;
text-transform: capitalize;
}
.ScriptTop li a:hover{
background:#000;
color:#fff;
}
/* ******************************************************
Script Header
*********************************************************/
.ScriptHeader {
float: left;
width: 100%;
padding: 2em 0;
}
.rt-heading {
margin: 0 auto;
text-align:center;
}
.Scriptcontent{
line-height:28px;
}
.ScriptHeader h1{
font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
color: #212121;
font-size: 26px;
font-weight: 700;
margin: 0;
line-height: normal;
}
.ScriptHeader h2 {
color: #312c8f;
font-size: 20px;
font-weight: 400;
margin: 5px 0 0;
line-height: normal;
}
.ScriptHeader h1 span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;
}
.ScriptHeader span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;
}
/* ******************************************************
Live Demo
*********************************************************/
/* ******************************************************
Responsive Grids
*********************************************************/
.rt-container {
margin: 0 auto;
padding-left:12px;
padding-right:12px;
}
.rt-row:before, .rt-row:after {
display: table;
line-height: 0;
content: "";
}
.rt-row:after {
clear: both;
}
[class^="col-rt-"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 0 15px;
min-height: 1px;
position: relative;
}
@media (min-width: 768px) {
.rt-container {
width: 750px;
}
[class^="col-rt-"] {
float: left;
width: 49.9999999999%;
}
.col-rt-6, .col-rt-12 {
width: 100%;
}
}
@media (min-width: 1200px) {
.rt-container {
width: 1170px;
}
.col-rt-1 {
width:16.6%;
}
.col-rt-2 {
width:30.33%;
}
.col-rt-3 {
width:50%;
}
.col-rt-4 {
width: 67.664%;
}
.col-rt-5 {
width: 83.33%;
}
}
@media only screen and (min-width:240px) and (max-width: 768px){
.ScriptTop h1, .ScriptTop ul {
text-align: center;
}
.ScriptTop h1{
margin-top:0;
margin-bottom:15px;
}
.ScriptTop ul{
margin-top:12px;
}
.ScriptHeader h1,
.ScriptHeader h2,
.scriptnav ul{
text-align:center;
}
.scriptnav ul{
margin-top:12px;
}
#float-right{
float:none;
}
}











/* Code Snippet: Stylish Login Page
* Author: Ajith Kumar M
*/
* {margin: 0; padding: 0}
body{
font-family: 'Arial', sans-serif;
background: url(../img/background.jpg) no-repeat;
background-size: 100%;
}
.codehim-form{
max-width: 400px;
min-height: 400px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.6);
box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.4);
border-radius: 8px;
margin: 20px auto 0 auto;
padding: 25px;
color: #414141;
}
.cm-input{
display: block;
box-sizing: border-box;
padding: 10px;
width: 100%;
margin: 14px auto;
border-radius: 20px;
border: 1px solid #ccc;
}
.cm-input:focus{
outline: 0;
border-color: #f9cb81;
}
.cm-input:invalid{
border-color: #e41b17;
}
/* Gradient Background */
.gr-bg{
background: rgb(252,205,128);
background: linear-gradient(90deg, rgba(252,205,128,1) 0%, rgba(209,122,142,1) 55%, rgba(220,159,174,1) 100%);
}
/* Login Button Design */
.btn-login{
display: block;
width: 100%;
padding: 10px;
border: 0;
color: #fff;
border-radius: 20px;
cursor: pointer;
}
.btn-login:focus{
outline: 0;
}
.btn-login:hover{
opacity: 0.8;
transition: .3s;
}
/* For, tiele */
.form-title{
padding: 12px;
text-align: center;
position: relative;
}
.form-title h2{
color: #5c86e1;
}
.form-title .user-icon{
position: absolute;
font-size: 42px;
color: #fff;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
border-radius: 45px;
top: -60px;
left: -45px;
}

Let's work together !

I am available for freelance projects.
Hire Me Download C.V

Get In Touch

Powered by Blogger.
Phone :
+91 9080468220
Address :
Karungalipadipatti,
Tiruvannamalai
Email :
ajith@arunai.org

Copy Right By AJI CREATIONS 2021 | ALL RIGHTS RESERVED Aji-Creations