diff --git a/ajayk-task2/images/gmail.webp b/ajayk-task2/images/gmail.webp new file mode 100644 index 0000000..a65f467 Binary files /dev/null and b/ajayk-task2/images/gmail.webp differ diff --git a/ajayk-task2/images/linkedin.webp b/ajayk-task2/images/linkedin.webp new file mode 100644 index 0000000..dcac7e2 Binary files /dev/null and b/ajayk-task2/images/linkedin.webp differ diff --git a/ajayk-task2/images/prof.jpeg b/ajayk-task2/images/prof.jpeg new file mode 100644 index 0000000..f70811b Binary files /dev/null and b/ajayk-task2/images/prof.jpeg differ diff --git a/ajayk-task2/index.html b/ajayk-task2/index.html new file mode 100644 index 0000000..9332393 --- /dev/null +++ b/ajayk-task2/index.html @@ -0,0 +1,53 @@ + + + + + + + + + + Portfolio + + + +
+
+

+ Hi, my name is Ajay. +

+

+ I am a Front-end developer with experience in ReactJS. +

I am also + comfortable with C,C++ and Java

+

+
+ +
+ + + + + diff --git a/ajayk-task2/styles.css b/ajayk-task2/styles.css new file mode 100644 index 0000000..9c5fa02 --- /dev/null +++ b/ajayk-task2/styles.css @@ -0,0 +1,60 @@ +body { + background-color: black; + color: white; + font-size: 20px; +} + +a:hover { + text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px grey; + cursor: pointer; +} + +.intro-section:hover { + font-size: 104%; +} + +.navbar { + margin-top: 20px; + opacity: 0; + transition: opacity 0.5s ease-in-out; +} + +.navbar:hover { + opacity: 1; +} + +.navbar a { + text-align: center; + margin-left: 30px; +} + +.intro { + display: flex; + align-items: center; + justify-content: center; + margin: 50px; +} + +.intro-section { + width: 600px; + text-align: left; + transition: font-size 0.5s ease-in-out; + margin: 50px; +} +.images { + height: 250px; + border-radius: 160px; +} +img:hover { + box-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px grey; +} +.contact { + display: flex; + align-items: center; + jusifty-content: center; + margin-left: 500px; + margin-top: 30px; +} +.linkedin { + height: 30px; +}