diff --git a/WhatsApp Image 2020-08-29 at 16.06.34.jpeg b/WhatsApp Image 2020-08-29 at 16.06.34.jpeg new file mode 100644 index 0000000..f318430 Binary files /dev/null and b/WhatsApp Image 2020-08-29 at 16.06.34.jpeg differ diff --git a/WhatsApp Image 2020-08-29 at 16.06.35.jpeg b/WhatsApp Image 2020-08-29 at 16.06.35.jpeg new file mode 100644 index 0000000..6125d91 Binary files /dev/null and b/WhatsApp Image 2020-08-29 at 16.06.35.jpeg differ diff --git a/calcu script.js b/calcu script.js new file mode 100644 index 0000000..07186a4 --- /dev/null +++ b/calcu script.js @@ -0,0 +1,14 @@ +function buttonClick(val) +{ + document.getElementById("screen").value=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/calculator.html b/calculator.html new file mode 100644 index 0000000..c9460df --- /dev/null +++ b/calculator.html @@ -0,0 +1,55 @@ + + + + + + Document + + + + +
+
+
+ +
+
+ + +
+ + + + + +
+
+ + + + + +
+
+ + + + + +
+
+ + + + + +
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/form.html b/form.html new file mode 100644 index 0000000..639ae6c --- /dev/null +++ b/form.html @@ -0,0 +1,40 @@ + + + registration form + + +

registration form

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

+ i agree to submit this terms and condition + +

+
+ +
+ + \ No newline at end of file diff --git a/git.png b/git.png new file mode 100644 index 0000000..e425bc6 Binary files /dev/null and b/git.png differ diff --git a/index.html b/index.html index 103c527..5758513 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,130 @@ - - - amrutha - - -

HELLO WORLD

-

HELLO WORLD

-

HELLO WORLD

-

HELLO WORLD

-
HELLO WORLD
-
HELLO WORLD
-

HGYFYFJKUUDDYHBNHGDTDRTYYGHBHHGYTDTDYGHGHJDTJDGYGKVHHDFGYS - GFJJDVBDVDFTFUDHGfaygydfuhcjhgvgcygyvggfygvyg
dvygjvhcjvggjcgjvgcgtuddggxgjzgzffuzfuzf - uzxftfdyjxgcgjhgxc

-

rttryyfyyhtrgfsfsfsrsrsrsgffdttttffyfyfffyyuyuyufgfgfffygyyfttttffyygytttighjgjgkgkkggk - jhkjkhkhkhkhkhkhkuhuhkuhkuhkuhukhukhukhukyitititiyiuyiuyuyiuyuiyt7t6t6rtrttrftrtyrtrtr

-
-google
- - - - - - - + + + + + + + my personal website + + + + + + +
+
+ +
+
+ +
+
+
AYISHA AMREENA.P
+

I'm a Web + Designer

+

+ Second Year student at kmct college of Engineering For Women...department of computer science Enigneering +

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

About Me

+

Hi!I'm Ayisha Amreena.p

+

iam ayisha ,i am a 2nd year computer science and i am 19 years old .. i am studying at kmct collage of enigneering for women...this is my first portfolio..i dont know how is this while i presenting this infront of all + +

+ + +
+
+ +
+
+

I AM AVAILABLE FOR EUPSKILLIN

+

online skill development program

+ + +
+
+
+

Contact us

+
+
+
+

call us on

+
9947586505
+
+ +
+

Email us At

+
amreenaayisha@gmail.com
+
+
+
+
+ + + + +
+
+ + +
+
+ +
+
+ + + +
+ + + diff --git a/insta.jpg b/insta.jpg new file mode 100644 index 0000000..5b5b547 Binary files /dev/null and b/insta.jpg differ diff --git a/logo.jpg b/logo.jpg new file mode 100644 index 0000000..9f86e4b Binary files /dev/null and b/logo.jpg differ diff --git a/snap.png b/snap.png new file mode 100644 index 0000000..41ab658 Binary files /dev/null and b/snap.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..adac212 --- /dev/null +++ b/style.css @@ -0,0 +1,202 @@ +@import'utilities.css'; +body{ + height: 8000px; + font-family: 'Poppins', sans-serif; + +} +:root{ + --primary:#3DCFD3; + --dark:#161616; + --pure:#FFFFFF; + --ternary:#898989; + --light:#F2F2F2; + +} +*{ + padding: 0; + margin: 0; + box-sizing: border-box; + -webkit-font-smotthing:antialiased; +} +header{ + background-color:var(--dark); + clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 87%, 0 100%); + +} +.container{ + max-width: 1152px; + padding: 0 15px; + margin: 0 auto; + +} +header nav .left a{ + + color: var(--pure); + text-decoration: none; + margin-right: 2rem; + text-transform: uppercase; + transition: all.3s ease; +} +header nav.left a:hover{ + color: var(--primary); + +} +header nav{ + padding: 2rem 0; +} +header nav .branding{ + margin-right: 3rem; + +} +.hero{ + padding:3rem 0; +} +.hero .left img{ + width: 400px; + +} +.hero .right{ + color:var(--pure) +} +.hero .right h6{ + font-size: 1.6rem; + color: var(--primary); + margin-bottom:0.5rem; +} +.hero .right h1{ + font-size: 4rem; + font-weight: 100; + line-height: 1.2; + margin-bottom: 2rem; + +} +.hero .right h1 span{ + color:var(--primary); +} +.hero .right p{ + line-height: 1.9; + margin-bottom: 2rem; +} +.hero .right{ + margin-top: -7rem; +} +section{ + padding:6rem 0; +} +section.about .about-me-img{ + height:450px; +} +section.about h1{ + margin-bottom: 1rem; + font-size: 1.6rem; + font-weight:400; +} +section.about h1 span{ + color:var(--primary) +} +section.about h3{ + font-size:1rem; + margin-bottom: 1rem; + font-weight: 400; +} +section.about p{ + font-family: 'Lato', sans-serif; + color: var(--ternary); + line-height: 1.9; + margin-bottom: 2rem; +} +section.about .social{ + display: flex; +} +section.about .social a{ + background: var(--dark); + display: flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + margin-right: 0.6rem; + transition: all .3s ease; + +} +section.about .social a:hover{ + background: var(--primary); +} +section.about .social a img{ + width: 100%; + height: 100%; + padding: 0.5rem; +} +section.eupskillin{ + text-align: center; + background-color:var(--dark); + + clip-path: polygon(0 0, 100% 0, 100% 100%, 80% 87%, 0 100%); +} + + +section.contact .card-wrapper{ + display: grid; + grid-template-columns: repeat(3, 1fr ); +} +section.contact .card-wrapper .card{ + text-align: center; + margin: 2rem ; +} +section.contact .input-wrap{ + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 2rem; + margin-bottom: 2rem; +} +section.contact .input-wrap-2{ + display: flex; + flex-direction: column; +} +section.contact .input-wrap-2 input{ + margin-bottom: 2rem; + border: 1px solid var(--light); + border: 1px solid var(--light); + +} +section.contact input{ + padding: 0.5rem; + border: 1px solid var(--light); + font-size: 0.9rem; +} +section.contact .input-wrap-2 textarea{ + padding: 0.5rem; + border: 1px solid var(--light); + font-size: 0.9rem; +} +section.contact .input-wrap-2 textarea{ + outline: none; + +} +section.contact .input:focus{ + background: cornsilk; + outline: none; +} +section.contact .btn-wrapper{ + text-align: center; + margin: 2rem; +} + +section.contact .container { + text-align: center; + margin: 2rem; + color: var(--primary); +} +footer{ + background: var(--dark); + text-align: center; + padding: 5 rem 0; + color: var(--light); +} +footer .footer-logo{ + margin-bottom: 3rem; +} +footer .footer-socials a{ + margin-right: 1rems; +} diff --git a/table.html b/table.html new file mode 100644 index 0000000..a00fbd6 --- /dev/null +++ b/table.html @@ -0,0 +1,40 @@ + + + table + social media + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
imagenametypeevolves into
+ ayisha_amreenainstagrameclick
+ ayisha_amreenasnap chatclick
+ ayisha_amreenagithubclick
+ + \ No newline at end of file diff --git a/task.html b/task.html new file mode 100644 index 0000000..451285c --- /dev/null +++ b/task.html @@ -0,0 +1,58 @@ + + +about me + + + + + + + + +ayisha + +

AYISHA AMREENA.P

+

KMCT COLLEGE OF ENINEERING FOR WOMEN

+

COMPUTER SCIENCE

+

SECOND YEAR STUDENT

+

TO KNOW MORE ABOUT WEB DESIGING

+
+

registration form

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

+ i agree to submit this terms and condition + +

+
+ +
+ +
+ + \ No newline at end of file diff --git a/utilities.css b/utilities.css new file mode 100644 index 0000000..81c26d8 --- /dev/null +++ b/utilities.css @@ -0,0 +1,47 @@ +.flex{ + display: flex; +} +.items-center{ + align-items: center; +} +.justify-between{ + justify-content: space-between; +} +.btn{ + padding: 0.8rem 2rem; + font-size: 1rem; + font-weight: 600; + border: 2px solid transparent; + outline:none; + cursor:pointer; + text-transform: uppercase; + transition: all .3s ease; +} +.btn-primary{ + background:var(--primary); + color:var(--secondary) +} +.btn-primary:hover{ + background:transparent; + border-color:var(--primary); + color:var(--primary) + +} +.btn-secondary{ + background:transparent; + color:var(--primary); + border-color:var(--primary); +} +.btn-secondary:hover{ + background:var(--primary); + color:var(--secondary); +} +.flex-1{ + flex:1; +} +.justify-center{ + justify-content: center; +} + + +