<p>Today's day 9 Goal is to Put author name with styling in css file, improvements to code in my project backupcal.</p>
<h2 id="heading-html">HTML</h2>
<p>-</p>
<h2 id="heading-css">CSS</h2>
<h3 id="heading-how-to-add-author-name-to-bottom-of-the-page">How to add Author name to bottom of the page?</h3>
<ol>
<li>Write the following code.</li>
</ol>
<pre><code>.footer {
  <span class="hljs-attr">position</span>: absolute;
  top: <span class="hljs-number">40</span>em;
  left: <span class="hljs-number">50</span>em;
  height: <span class="hljs-number">40</span>px;
  width: <span class="hljs-number">150</span>px;
}
</code></pre><h3 id="heading-how-to-get-transparent-background">How to get transparent background?</h3>
<ol>
<li>Write the following code.</li>
</ol>
<pre><code>.footer {
  padding-top: <span class="hljs-number">15</span>px;
  padding-left: <span class="hljs-number">30</span>px;
  backdrop-filter: blur(<span class="hljs-number">15</span>px) saturate(<span class="hljs-number">180</span>%);
  -webkit-backdrop-filter: blur(<span class="hljs-number">15</span>px) saturate(<span class="hljs-number">180</span>%);
  background-color: rgba(<span class="hljs-number">255</span>, <span class="hljs-number">255</span>, <span class="hljs-number">255</span>, <span class="hljs-number">0.75</span>);
  border-radius: <span class="hljs-number">9</span>px;
  border: <span class="hljs-number">1</span>px solid rgba(<span class="hljs-number">209</span>, <span class="hljs-number">213</span>, <span class="hljs-number">219</span>, <span class="hljs-number">0.3</span>);
}
</code></pre><h2 id="heading-javascript">JavaScript</h2>
<p>-</p>
<h2 id="heading-conclusion">Conclusion</h2>
<ol>
<li><p>Adding Name to bottom of page.</p>
</li>
<li><p>Get transparent background.</p>
</li>
</ol>
<h2 id="heading-my-code">My Code:</h2>
<blockquote>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1666779442556/bxtbCCMaw.png" alt="day 9 backupcal.png" /></p>
</blockquote>
<p>Author: Dheeraj.y</p>


Today's day 9 Goal is to Put author name with styling in css file, improvements to code in my project backupcal.


## HTML
-

## CSS

### How to add Author name to bottom of the page?

1. Write the following code.

```
.footer {
  position: absolute;
  top: 40em;
  left: 50em;
  height: 40px;
  width: 150px;
}
``` 

### How to get transparent background?

1. Write the following code.

```
.footer {
  padding-top: 15px;
  padding-left: 30px;
  backdrop-filter: blur(15px) saturate(180%);
  -webkit-backdrop-filter: blur(15px) saturate(180%);
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 9px;
  border: 1px solid rgba(209, 213, 219, 0.3);
}
``` 

## JavaScript
-

## Conclusion

1. Adding Name to bottom of page.

1. Get transparent background.



## My Code: 

> 
![day 9 backupcal.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1666779442556/bxtbCCMaw.png align="left")


Author: Dheeraj.y

Building an idea using HTML CSS JS - Day 9

HTML

How to add Author name to bottom of the page?

Building an idea using HTML CSS JS - Day 9

Table of contents

HTML

CSS

How to add Author name to bottom of the page?

How to get transparent background?

JavaScript

Conclusion

My Code: