diff --git a/calculator.css b/calculator.css new file mode 100644 index 0000000..4e726cd --- /dev/null +++ b/calculator.css @@ -0,0 +1,51 @@ +body{ + padding:0; + margin:0; + background:linear-gradient(to right, #00AAFF, #00FF6C); +} +.calc{ + width: 320px; + height:520px; + background-color: white; + margin: 0 auto; + top: 20px; + poosition:relative; + border-radius:5px; +} +#screen{ + width:75%; + height:80px; + margin-left: 36px; + margin-top: 30px; + pointer-events: none; +} +.operator,.number,.empty{ + width:50px; + height:50px; + margin:15px; + float:left; + border-radius:50%; + border-width:0; + font-weight: bold; + font-size:15px; +} +button:nth-child(4){ + font-size: 20px; + background-color: #20b2aa; +} +button:nth-child(8){ + font-size: 20px; + background-color: #ffa500; +} +button:nth-child(12){ + font-size: 20px; + background-color: #f08080; +} +button:nth-child(16){ + font-size: 20px; + background-color: #7d93e0; +} +button:nth-child(20){ + font-size: 20px; + background-color: #9477af; +} diff --git a/calculator.html b/calculator.html new file mode 100644 index 0000000..1d0aa94 --- /dev/null +++ b/calculator.html @@ -0,0 +1,38 @@ + + + + Calculator + + + + +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ + \ No newline at end of file diff --git a/calculator.js b/calculator.js new file mode 100644 index 0000000..cd8bd58 --- /dev/null +++ b/calculator.js @@ -0,0 +1,14 @@ +function buttonClick(val) +{ + document.getElementById("screen").value+=val; +} +function displayClear() +{ + document.getElementById("screen").value="" +} +function equalClick() +{ + var text=document.getElementById("screen").value + var result=eval(text) + document.getElementById("screen").value=result +} \ No newline at end of file diff --git a/day3.html b/day3.html new file mode 100644 index 0000000..f4bfe03 --- /dev/null +++ b/day3.html @@ -0,0 +1,32 @@ + + + + PUBLIC CARD + + + +

Abhishek K Sundar

+

Student . Kozhikode,Kerala

+
+

ABOUT

+

-> B.Tech Mechanical Engineering Student at KMCT COLLEGE OF ENGINEERNG

+

-> Crew Member of TinkerHub

+

-> NSS Volunteer

+
+

CONTACT

+

Email : abhisheksundar2001@gmail.com

+

Phone : 9645567629

+
+

Social Profile

+

LinkedIn

+

Instagram

+

Facebook

+
+

Why I joined Fi-Pro Challenge?

+

I was pretty excited when I came to know about this Fi-Pro Challenge. Eventhough I am Mechanical Engineering Student, I was interested to learn something new and useful .

+

As soon as I saw the poster of this program, no second thoughts came to my mind. I registered for the program right then. I did my higher secondary schooling in computer

+

science department and have basic knowledge in html , java , etc... So I thought of brushing up my knowledge and learn Web-Development. Why should I miss such an oppurtunity

+

of learning something new that too absolutely free.

+
+ + diff --git a/day4form.html b/day4form.html new file mode 100644 index 0000000..c49a54f --- /dev/null +++ b/day4form.html @@ -0,0 +1,71 @@ + + + + SUBMISSION FORM + + +
+
+

REGISTRATION FORM

+

RELIANCE FOUNDATION FOOTBALL SELECTION (KERALA)

+ + +
+
+
+ + +
+
+
+
+ +
+ + + + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/day4table.html b/day4table.html new file mode 100644 index 0000000..97230ad --- /dev/null +++ b/day4table.html @@ -0,0 +1,39 @@ + + + + Social Profiles + + +
+

MY SOCIAL PROFILES

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Social MediaUsernameLink
_._abhiiii_._ Instagram
Abhishek K SundarFacebook
Abhishek K SundarLinkedIn
AbhishekKSundarGitHub
+
+ + diff --git a/portfolio.css b/portfolio.css new file mode 100644 index 0000000..1329d77 --- /dev/null +++ b/portfolio.css @@ -0,0 +1,145 @@ +head { + display: none; +} + + +.ftco-navbar-light { + background: black !important; + left: 0; + right: 0; + z-index: 3; +} + +.navbar { + position: relative; + display: -webkit-box; + display: flex; + flex-wrap: wrap; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: justify; + justify-content: space-between; +} +.fa { + padding: 20px; + font-size: 30px; + width: 50px; + text-align: center; + text-decoration: none; + margin: 5px 2px; + border-radius: 50%; + width: auto; + } + + .fa:hover { + opacity: 0.7; + } + + .fa-facebook { + background: #3B5998; + color: white; + } + + .fa-twitter { + background: #55ACEE; + color: white; + } + + .fa-linkedin { + background: #007bb5; + color: white; + } + + + .fa-instagram { + background: #d6249f; + background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); + box-shadow: 0px 3px 10px rgba(0,0,0,.25); + color: white; + } + .fa-github { + background: #000000; + color: white; + } +.hero-wrap { + width: 100%; + height: 100%; + position: inherit; + background-size: cover; + background-repeat: no-repeat; +} +.hero-wrap .overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ''; + opacity: .1; + width: 50%; + background: #3e64ff; +} +.container { + max-width: 540px; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.align-items-center { + -webkit-box-align: center !important; + align-items: center !important; +} + +.justify-content-center { + -webkit-box-pack: center !important; + justify-content: center !important; +} +.no-gutters { + margin-right: 0; + margin-left: 0; +} +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} +.subheading{ + color: red; + font-weight:900; + font-size: larger; + font-family: sans-serif; +} +.img, .blog-img, .user-img { + background-size: cover; + background-repeat: no-repeat; + +} + +.ftco-no-pb { + padding-bottom: 0 !important; +} + +.ftco-section { + padding: 7em 0; + position: relative; + display: block; +} +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} +.ftco-no-pb { + padding-bottom: 0 !important; +} +.ftco-section { + padding: 6em 0; +} +.ftco-section { + padding: 7em 0; + position: relative; +} \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..8d09f89 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,177 @@ + + + + PORTFOLIO + + + + + +
+
+
+
+
+
+ Hey! I am +

Abhishek K Sundar

+

I'm a Front-End Developer + +

+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+
+

About

+

About Me

+
    +
  • Name: Abhishek K Sundar
    • +
  • Date of birth: February 02, 2001
    • +
  • Location: Calicut , Kerala , India
    • +
  • Pin code: 673012
    • +
  • Email: abhisheksundar2001@gmail.com
    • +
  • Phone: +91-9645567629
    • + +
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+

Education

+
+
+ +
+
+ 2016-2018 +

Computer Science

+ St Mary's English Medium School , Chevarambalam , Calicut +

I have completed my higher second education in Computer Science department from St Mary's English Medium School, Calicut

+
+
+
+
+ +
+
+ 2018-2022 + +

B.Tech in Mechanical Engineering

+ KMCT College of Engineering , Kozhikode +

I am a Mechanical Engineering Student at KMCT college of EngineerING , Kozhikode

+
+
+
+
+
+

Experience

+
+
+ +
+
+ August 2020 +

Crew Member

+ TinkerHub KMCTCE +

TinkerHub is a non-profit organization which promotes the creation of tech-talent focused among youth by equipping individuals with emerging technology skill sets, which would accelerate innovation within one's learning path, and make them future-ready.

+
+
+
+
+ +
+
+ August 2019 +

Volunteer

+ National Service Scheme (NSS) +

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

+
+
+
+
+ +
+
+
+
+
+
+

Contact Me

+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/sampleportfolio.html b/sampleportfolio.html new file mode 100644 index 0000000..a4fa5b3 --- /dev/null +++ b/sampleportfolio.html @@ -0,0 +1,71 @@ + + + + PORTFOLIO + + + + + + + +
+ +
+

HELLO

+

I'm

+

Abhishek K Sundar

+

A Freelance Web Developer

+
+
+

A B O U T

+

->B.Tech Mechanical Engineering Student at KMCT COLLEGE OF ENGINEERING Kozhikode.

+

-> I am a budding front-end web developer.

+

->Crew Member at TinkerHub KMCTCE

+
+
+

S o c i a l M e d i a

+

Click here to view my LinkedIn profile

+

Click here to view my Instagram profile

+

Click here to view my Facebook profile

+

Cick here to view my GitHub profile

+
+
+

C o n t a c t M e

+

Email : abhisheksundar2001@gmail.com

+

Phone : 9645567629

+
+
+
+
+

Please provide your contact information

+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+
+ +
+
+
+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..dd086a1 --- /dev/null +++ b/style.css @@ -0,0 +1,124 @@ +.bigbox{ + width:100%; + height:500px; + background-color:background: #24C6DC; /* fallback for old browsers */ + background: -webkit-linear-gradient(to right, #514A9D, #24C6DC); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to right, #514A9D, #24C6DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + ; + padding:10px; + +} +.image1{ + margin-left: 10%; + margin-top: 5%; + +} +.sbox1{ + width:60%; + height:100%; + background-color: white; + float:left; +} +.text1{ + padding-left: 20%; + padding-top: 10%; + color: red; +} +.text2{ + padding-left: 20%; + padding-top:0%; +} +.text3{ + color:silver; + padding-left: 20%; +} +.text4{ + padding-left: 20%; + padding-top:0%; +} +.sbox2{ + width:60%; + height:100%; + background-color:background: #e53935; /* fallback for old browsers */ + background: -webkit-linear-gradient(to right, #e35d5b, #e53935); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to right, #e35d5b, #e53935); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + ; + float:right; +} +.text5{ + font-family: 'Abril Fatface', cursive; + text-align: center; + color: white; +} +p{ + margin:20px; + padding: 40px; + font-family: 'Fira Mono', monospace; + color: white; +} +.sbox3{ + width:60%; + height:110%; + background-color: green; + float:left; +} +.text6{ + font-family: 'Abril Fatface', cursive; + text-align: center; + color:white; +} +.p1{ + color:white; +} +.p2{ + color:white; +} +.p3{ + color:white; +} +.p4{ + color:white; +} +.sbox4{ + width:60%; + height:100%; + background-color:background: #e53935; /* fallback for old browsers */ + background: -webkit-linear-gradient(to right, #e35d5b, #e53935); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient(to right, #e35d5b, #e53935); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + ; + float:right; +} +.text7{ + font-family: 'Abril Fatface', cursive; + text-align: center; + color: white; +} + +.sbox5{ + width:60%; + height:110%; + background-color: green; + float:left; +} +.text8{ + padding: 30px; + font-family: 'Abril Fatface', cursive; + text-align: center; + color: white; +} +.required1{ + font-family: 'Fira Mono', monospace; + color: white; +} +.required2{ + font-family: 'Fira Mono', monospace; + color: white; +} +.required3{ + font-family: 'Fira Mono', monospace; + color: white; +} +.required4{ + font-family: 'Fira Mono', monospace; + color: white; +}