diff --git a/SM_SAIF/README.md b/SM_SAIF/README.md new file mode 100644 index 00000000..3ac86b2a --- /dev/null +++ b/SM_SAIF/README.md @@ -0,0 +1 @@ +# my-cv \ No newline at end of file diff --git a/SM_SAIF/avataaars.png b/SM_SAIF/avataaars.png new file mode 100644 index 00000000..a29ddaa5 Binary files /dev/null and b/SM_SAIF/avataaars.png differ diff --git a/SM_SAIF/cloud.png b/SM_SAIF/cloud.png new file mode 100644 index 00000000..5710f78e Binary files /dev/null and b/SM_SAIF/cloud.png differ diff --git a/SM_SAIF/contact.html b/SM_SAIF/contact.html new file mode 100644 index 00000000..ce7220fa --- /dev/null +++ b/SM_SAIF/contact.html @@ -0,0 +1,42 @@ + + + + + conatct + + + +

contacts

+ +
+
+ + + + + + + + + +
+
+ + + +
+
+
+ + + + +
+ + diff --git a/SM_SAIF/css/styles.css b/SM_SAIF/css/styles.css new file mode 100644 index 00000000..cfa47a24 --- /dev/null +++ b/SM_SAIF/css/styles.css @@ -0,0 +1,192 @@ +body{ + margin: 0; + text-align:center; + font-family: 'Merriweather', sans-serif; +} +h1{ + font-size: 560%; /*16px=100%=1em*/ + margin-top: 20px ; + margin-bottom: 0; + font-family: 'Sacramento', cursive; + color: #66BFBF; + +} + /* div { + background-color:#E4F9F5; + } */ + +h2 +{ + font-family: 'Montserrat', sans-serif ; + font-size: 2.5rem; + color: #66BFBF; + font-weight: normal; + /* margin-top: 50px; */ + padding-bottom: 10px; +} + +h3{ + font-family: 'Montserrat', sans-serif; + color: #11999E; +} +hr{ + + /* background-color: #EAF6F6; */ + border-style:none; + border-top-style: dotted; + border-width:7px; + /* border-color: grey; */ + border-color: #11999E; + width: 5%; + margin: 100px auto; + +} +p{ + line-height: 2; +} +.avatar{ + height: 150px; + margin-bottom:10px; +} +.top{ + + background-color:#E4F9F5; + position: relative; + padding-top: 100px; + +} +.middle-container{ + margin: 100px 0; +} +.pro{ + text-decoration: underline; +} +.top-cloud{ + position: absolute; + right:300px; + top: 40px; + + +} +.bottom-cloud{ + position: absolute; + left: 250px; + bottom: 300px; +} +.intro{ + width: 30%; + margin: auto; +} +.html-logo{ + height: 140px; + float: left; + margin-right: 70px; +} +.backend-logo { + height: 140px; + float: right; + margin-left: 70px; +} +.softskill-logo{ + height: 140px; + float: right; + margin-left: 50px; +} +.language-logo{ + height: 140px; + float: left; + margin-right: 70px; + + padding: 0; +} +/* .footer-link{ + color: #11999E; +} */ +.skill-row{ + width: 50%; + margin: 10px auto 10px auto; + padding: 0; + text-align: left; + /* line-height: 2; */ +} +.front-end-text{ + margin-top: 50px; + padding-top : 40px; +} +.back-end-text{ + margin-top: 70px; + margin-left: 210px; + padding-top : 40px; +} +.backend-description +{ + margin-left: 210px; +} + +.programming-language-text{ + margin-top: 70px; + padding-top : 40px; +} +.softskill-text{ + margin-top: 70px; + margin-left: 210px; + padding-top : 15px; +} +.softskill-description{ + margin-left: 210px; +} +.contact-message{ + width: 40%; + margin: 60px auto; +} +.btn { + background: #11cdd4; + background-image: -webkit-linear-gradient(top, #11cdd4, #11999e); + background-image: -moz-linear-gradient(top, #11cdd4, #11999e); + background-image: -ms-linear-gradient(top, #11cdd4, #11999e); + background-image: -o-linear-gradient(top, #11cdd4, #11999e); + background-image: linear-gradient(to bottom, #11cdd4, #11999e); + -webkit-border-radius: 8; + -moz-border-radius: 8; + border-radius: 8px; + text-shadow: 1px 1px 3px #666666; + font-family: 'Montserrat', sans-serif; + color: #ffffff; + font-size: 20px; + padding: 10px 20px 10px 20px; + text-decoration: none; +} + +.btn:hover { + background: #30e3cb; + background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad); + text-decoration: none; +} +.bottom-container{ + background-color: #66BFBF; + /* height: 150px; + margin-top: 75px; */ + padding: 50px 0 20px; +} +a{ + color: #11999E; + margin:10px 20px; + font-family: 'Montserrat', sans-serif; + text-decoration: none; +} +a:hover{ + color: #EAF6F6; + +} +/* .footer-link{ + margin:20px; +} */ +.copyright{ + color: #EAF6F6; + font-size:13px; + padding: 20px 0; +} diff --git a/SM_SAIF/favicon.ico b/SM_SAIF/favicon.ico new file mode 100644 index 00000000..7bdb0b2c Binary files /dev/null and b/SM_SAIF/favicon.ico differ diff --git a/SM_SAIF/index.html b/SM_SAIF/index.html new file mode 100644 index 00000000..ab11499e --- /dev/null +++ b/SM_SAIF/index.html @@ -0,0 +1,104 @@ + + + + + saif's personal site + + + + + + + + +
+ cloud-image +

I'm Saif.

+

a programmer.

+ cloud-image + mountain-image +
+ +
+
+ image +

Hello.

+

+ I'm a web developer living in india.I spend my days with my hands in + many different areas of web development from back end programming to + front end engineering. +

+
+
+
+

My Skills.

+
+ +

front End

+

HTML,CSS,Javascript,Bootstrap,React

+
+
+ +

back End

+

node js,express,Rest api

+
+
+ +

programming languages

+

+ I use to develop some applications using programming languages + c/c++. +

+
+
+ +

Soft Skills

+

+ Problem solving,organisational abilities,Critical + Thinking,Leadership,Management skills +

+
+
+
+
+

Get In Touch

+

I occasionally take on freelance opportunities

+

+ Have an exciting project where you need some help?
Send me over a + message, and let's chat. +

+ CONTACT ME +
+
+ +
+ LinkedIn + github + +

© 2022 Saif.

+
+ + diff --git a/SM_SAIF/mountain.png b/SM_SAIF/mountain.png new file mode 100644 index 00000000..e90d87ba Binary files /dev/null and b/SM_SAIF/mountain.png differ