diff --git a/my Portfolio/bk1.jpg b/my Portfolio/bk1.jpg new file mode 100644 index 00000000..65afe9e3 Binary files /dev/null and b/my Portfolio/bk1.jpg differ diff --git a/my Portfolio/chillies.png b/my Portfolio/chillies.png new file mode 100644 index 00000000..df7bdccc Binary files /dev/null and b/my Portfolio/chillies.png differ diff --git a/my Portfolio/cloud.png b/my Portfolio/cloud.png new file mode 100644 index 00000000..5710f78e Binary files /dev/null and b/my Portfolio/cloud.png differ diff --git a/my Portfolio/computer.png b/my Portfolio/computer.png new file mode 100644 index 00000000..3d072829 Binary files /dev/null and b/my Portfolio/computer.png differ diff --git a/my Portfolio/css/styles.css b/my Portfolio/css/styles.css new file mode 100644 index 00000000..abe95ab5 --- /dev/null +++ b/my Portfolio/css/styles.css @@ -0,0 +1,129 @@ +/* All properties in alphabetical order */ +/* ** For seeing unique color pallets goto 'colorhunt.com' */ +*{ + margin:0; /* css (as margin) set default by browser will now be reset to 0px */ +} +/* **** ( 16px = 1em = 100% ) */ +body{ + + font-family: 'Baloo Bhai 2', cursive; + text-align: center; + font-size: 22px; +} +.container1{ + margin-top: 0px; + background: #E4F9F5; + text-align:center; +margin-top: 0px; +} + +.mountain{ + margin: 20px auto 10px; + +} + +h1{ + margin-top: 80px; + font-family: 'Sacramento', cursive; + font-size: 100px; + color: #54BAB9; + word-spacing: 24px; + letter-spacing: 2px; +} +.head{ + font-size: 35px; + color: #54BAB9; +} +.cloud1{ + position: absolute; + top: 360px; + left: 380px; +} +.cloud2 img{ + position: relative; + top: 70px; + left: 350px; + +} +h2,h3,a{ + color: #11999E; + +} +.bottom{ + margin: 40px 60px; +} +h2{ + font-size: 40px; +} +.skill-row{ + width:50%; + margin: 100px auto 100px; + text-align: left; +} +.Myprofile{ + height: 200px; + width: 200px; +} +.profile{ + margin:100px 100px; +} + +.wd1{ + width: 45%; + float:left; + margin-right: 30px; + + margin-bottom: 30px; + +} +.wd2{ + width: 45%; + float:right; + margin-left: 30px; + +} +.btn{ + border-radius :8px; + word-spacing: 10px; + text-decoration:none; + border:2px solid #30e3cb; + +background-image: linear-gradient( #11cdd4,#11999e); +color:white; +padding:6px 18px 6px 18px; + +} +.button{ + margin:60px; +} +.btn:hover{ + background-image: linear-gradient( #30e3cb,#2bc4ad); + +} +/* (ANTI - FLOAT PROPERTIES ----by using this property our text will not wrap around the image only heading will wrap around it.) +.content{ + clear:left; + or + clear:right; + } */ + + /* **** u can use css button-generator.com to make button in just 2 mins. */ + + .bottom-container{ + background-color: #66BFBF; + height: 260px; + width:100%; + + } + .footer-link{ + + margin: 40px auto 40px; + color: white; + text-decoration: none; + + } + .links{ + + display: inline-block; + margin: 80px 80px 70px; + } \ No newline at end of file diff --git a/my Portfolio/favicon (2).ico b/my Portfolio/favicon (2).ico new file mode 100644 index 00000000..ce35c8b8 Binary files /dev/null and b/my Portfolio/favicon (2).ico differ diff --git a/my Portfolio/girl.jpg b/my Portfolio/girl.jpg new file mode 100644 index 00000000..b2d73ba1 Binary files /dev/null and b/my Portfolio/girl.jpg differ diff --git a/my Portfolio/index.html b/my Portfolio/index.html new file mode 100644 index 00000000..fadd4318 --- /dev/null +++ b/my Portfolio/index.html @@ -0,0 +1,91 @@ + + + + + Riya_Garg + + + + + + +
+ + +
+ image +
+ +

Hi! I'm Riya

+

a programmer

+ +
+ image +
+ + + +
+ an image +
+
+
+
+ myprofile +

Hello . Welcome to my Website

+

With a programmer , I'm web developer . I like to read books , doing coding , and yaa good enough googler

+
+ +
+

My Skills

+
+ image +

Web Development

+

I started my web devlopment in my first year of college with the hope of building great websites.This is fun in itself , writing code, executing it , thinking bugs and all makes you a good coder.

+
+
+ image +

Reading Books

+

I think books are something which can change our life or our perspective towards our life which according to me is a great thing in itself.

+
+
+ +
+

Get In Touch

+

If you also want to code and explore.

+

So , let 's code and make beautiful websites and explore much more.

+
+ Contact Me +
+ +
+
+ + +
+
+ LinkedIn +
+ +
+ Instagram +
+
+ Twitter +
+
+ Website +
+ + + +
+

© 2022 Riddhi Garg @The Company

+
+ + +
+ + + + \ No newline at end of file diff --git a/my Portfolio/mountain.png b/my Portfolio/mountain.png new file mode 100644 index 00000000..e90d87ba Binary files /dev/null and b/my Portfolio/mountain.png differ diff --git a/my Portfolio/wd.jpg b/my Portfolio/wd.jpg new file mode 100644 index 00000000..74cdae18 Binary files /dev/null and b/my Portfolio/wd.jpg differ