diff --git a/Awesome-portfolio/image/App.png b/Awesome-portfolio/image/App.png new file mode 100644 index 000000000..9b4a999a2 Binary files /dev/null and b/Awesome-portfolio/image/App.png differ diff --git a/Awesome-portfolio/image/Code.png b/Awesome-portfolio/image/Code.png new file mode 100644 index 000000000..a6b153173 Binary files /dev/null and b/Awesome-portfolio/image/Code.png differ diff --git a/Awesome-portfolio/image/Web.png b/Awesome-portfolio/image/Web.png new file mode 100644 index 000000000..45f36d76d Binary files /dev/null and b/Awesome-portfolio/image/Web.png differ diff --git a/Awesome-portfolio/image/cloud.png b/Awesome-portfolio/image/cloud.png new file mode 100644 index 000000000..5710f78ec Binary files /dev/null and b/Awesome-portfolio/image/cloud.png differ diff --git a/Awesome-portfolio/image/computer.png b/Awesome-portfolio/image/computer.png new file mode 100644 index 000000000..3d0728296 Binary files /dev/null and b/Awesome-portfolio/image/computer.png differ diff --git a/Awesome-portfolio/image/favicon.ico b/Awesome-portfolio/image/favicon.ico new file mode 100644 index 000000000..80259360a Binary files /dev/null and b/Awesome-portfolio/image/favicon.ico differ diff --git a/Awesome-portfolio/image/gt.png b/Awesome-portfolio/image/gt.png new file mode 100644 index 000000000..95b08a9e6 Binary files /dev/null and b/Awesome-portfolio/image/gt.png differ diff --git a/Awesome-portfolio/image/mountain.png b/Awesome-portfolio/image/mountain.png new file mode 100644 index 000000000..e90d87ba1 Binary files /dev/null and b/Awesome-portfolio/image/mountain.png differ diff --git a/Awesome-portfolio/index.html b/Awesome-portfolio/index.html new file mode 100644 index 000000000..95a56c510 --- /dev/null +++ b/Awesome-portfolio/index.html @@ -0,0 +1,127 @@ + + + + + Goransh Todwal + + + + + + + + + + + + + + +
+ +
+ + + +
+ + + + + +
+ cloud1 +

I'm Goransh Todwal

+

a Web designer

+ cloud2 + mountain +
+
+ + +
+
+ + +
+ my-image +

Hello.

+

I'm pursuing btech Arya College of Engineering and It.
+ I'm a web designer and App developer.

+
+
+
+
+
+

My Skills

+
+ web designing +
+

Design and Development

+

I like Web designing and i make a own websites through web designing

+
+
+
+ App development +
+

App Development

+

I also like App Development and I really like to designing a App

+
+
+
+ Coding +
+

Coding

+

Coding is My Art I like Code Coding is really Enjoyable and fun.

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

Get In Touch

+

If you have a project that you want to get started, think you need my help with something or
+ just fancy saying hey, then get in touch.

+ Contact me + +
+ + diff --git a/Awesome-portfolio/style.css b/Awesome-portfolio/style.css new file mode 100644 index 000000000..d091826d7 --- /dev/null +++ b/Awesome-portfolio/style.css @@ -0,0 +1,164 @@ +body +{ + text-align: center; + margin: 0; + /* font-family: 'Montserrat',sans-serif; */ + line-height: 2; +} +#title +{ + background-color: #E4F9F5; +} +.navbar-light .navbar-brand +{ + color:#7892c2; +} +.navbar-brand +{ +font-size: 2rem; +font-weight: bold; +font-family: cursive; +} +.navbar +{ + margin: 0; +} +.top-container +{ + background-color: #E4F9F5; + text-align: center; + font-family: 'Sacramento',cursive; + line-height: 2; +} +.cloud2 +{ + position: absolute; + margin-left: -100px; +} +.cloud1 +{ + margin-top: 10px; + margin-left: 500px; +} +.myimg +{ + padding: 50px; + height: 300px; +} +.skill-row +{ + width: 50%; + margin: 100px auto; + text-align: left; + line-height: 2; +} +.web +{ + height: 200px; + +} +.app +{ + height: 200px; + +} +.code +{ + height: 200px; + +} +.btn { + box-shadow: 0px 0px 0px 2px #9fb4f2; + background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%); + background-color:#7892c2; + border-radius:18px; + border:3px solid #4e6096; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:22px; + padding:12px 20px; + text-decoration:none; + text-shadow:-1px 5px 0px #283966; + margin-bottom: 40px; +} +.btn:hover { + background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%); + background-color:#476e9e; +} +.btn:active { + position:relative; + top:1px; +} +.last +{ + background-color: #66BFBF; + height: 200px; + padding: 50px 0px 20px; + +} +a{ + margin:10px 20px; + padding-bottom: 100px; + text-decoration: none; +} +a:hover +{ + color:#EAF6F6; +} +h1 +{ + color:#66BFBF; +} +h3 +{ + color:#66BFBF; +} +h2 +{ + color:#66BFBF; +} +.p1top +{ + color:#66BFBF; + +} + +.mountain +{ + height:300px; +} + +h2:hover{ + + color:darkblue; +} +h3:hover{ + color:#ff0000; +} +.lastp +{ + font-size: 13px; + color:grey; +} +.webdes +{ + float: right; +} +.appdev +{ + float: left; +} +.codedes +{ + float: right; +} +.app +{ + margin-left: 50px; +} +.code +{ + margin-left: 50px; +}