<p>Today's day 18 Goal is to add contents and socials links, improvements to code in my project resume.</p>
<h2 id="heading-html">HTML</h2>
<ol>
<li>Added contents to my html page.</li>
</ol>
<h3 id="heading-how-to-add-social-links">How to add social links?</h3>
<ol>
<li>Write the following code.</li>
</ol>
<pre><code>&lt;a href=<span class="hljs-string">"http://"</span>&gt;Github&lt;/a&gt;
</code></pre><h2 id="heading-css">CSS</h2>
<h3 id="heading-how-to-add-gradient-color-background-to-your-html-file">How to add gradient color background to your HTML file</h3>
<ol>
<li>Write the following code.</li>
</ol>
<pre><code>background: linear-gradient
(<span class="hljs-number">90</span>deg, hsla(<span class="hljs-number">141</span>, <span class="hljs-number">81</span>%, <span class="hljs-number">87</span>%, <span class="hljs-number">1</span>) <span class="hljs-number">0</span>%, 
hsla(<span class="hljs-number">41</span>, <span class="hljs-number">88</span>%, <span class="hljs-number">75</span>%, <span class="hljs-number">1</span>) <span class="hljs-number">50</span>%, hsla(<span class="hljs-number">358</span>, <span class="hljs-number">82</span>%, <span class="hljs-number">71</span>%, <span class="hljs-number">1</span>) <span class="hljs-number">100</span>%);
</code></pre><h2 id="heading-javascript">JavaScript</h2>
<p>-</p>
<h2 id="heading-conclusion">Conclusion</h2>
<ol>
<li><p>Added contents to my resume html.</p>
</li>
<li><p>Added gradient background property.</p>
</li>
</ol>
<h2 id="heading-my-code">My Code:</h2>
<blockquote>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1667569402347/sKbIQgBqH.png" alt="day 18 resume.png" /></p>
</blockquote>
<p>Author: Dheeraj.y</p>


Today's day 18 Goal is to add contents and socials links, improvements to code in my project resume.

## HTML
1. Added contents to my html page.

### How to add social links?

1. Write the following code.

```
<a href="http://">Github</a>
``` 

## CSS

### How to add gradient color background to your HTML file

1. Write the following code.

```
background: linear-gradient
(90deg, hsla(141, 81%, 87%, 1) 0%, 
hsla(41, 88%, 75%, 1) 50%, hsla(358, 82%, 71%, 1) 100%);

``` 
## JavaScript
-

## Conclusion

1. Added contents to my resume html.

1. Added gradient background property.

## My Code: 
> 
![day 18 resume.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1667569402347/sKbIQgBqH.png align="left")


Author: Dheeraj.y



Building my resume using HTML CSS JS - Day 18

HTML

How to add social links?

Building my resume using HTML CSS JS - Day 18

Table of contents

HTML

How to add social links?

CSS

How to add gradient color background to your HTML file

JavaScript

Conclusion

My Code: