├── README.md
├── css
    └── styles.css
├── images
    ├── Tejas-modified.png
    ├── cloud.gif
    ├── coding.png
    ├── favicon.ico
    ├── foodie.png
    ├── mountain-modified.png
    └── mountain.webp
└── index.html


/README.md:
--------------------------------------------------------------------------------
1 | # cv-css


--------------------------------------------------------------------------------
/css/styles.css:
--------------------------------------------------------------------------------
  1 | body 
  2 | {
  3 |     margin: 0;
  4 |     font-family: 'Merriweather', serif;
  5 | }
  6 | 
  7 | .top-container
  8 | {
  9 |     position: relative;
 10 |     background-color: #CFF5E7;
 11 |     text-align: center;
 12 |     padding-top: 100px ;
 13 | }
 14 | 
 15 | h1
 16 | {
 17 |     color: #66BFBF;
 18 |     margin: 0;
 19 |     font-family: 'Sacramento', cursive;
 20 |     font-size: 562.5%;
 21 | }
 22 | 
 23 | h2
 24 | {
 25 |     color: #66BFBF;
 26 |     font-family: 'Montserrat', sans-serif;
 27 |     font-size: 250%;
 28 |     font-weight: normal;
 29 | }
 30 | 
 31 | h3
 32 | {
 33 |     color: #11999E;
 34 |     font-family: 'Montserrat', sans-serif;
 35 | }
 36 | 
 37 | p
 38 | {
 39 |     line-height: 2;
 40 | }
 41 | 
 42 | .intro
 43 | {
 44 |     width: 40%;
 45 |     margin: auto;
 46 | }
 47 | 
 48 | a
 49 | {
 50 |     color: #9eebeb;
 51 |     text-decoration: none;
 52 |     margin: 10px 20px auto;
 53 |     font-family: 'Montserrat', sans-serif;
 54 | }
 55 | 
 56 | a:hover
 57 | {
 58 |     color: #ffffff
 59 | }
 60 | 
 61 | hr
 62 | {
 63 |     border: dotted rgb(221, 221, 221) 8px;
 64 |     border-bottom: none;
 65 |     width: 5%;
 66 |     margin: 100px auto;
 67 | }
 68 | .top-cloud
 69 | {
 70 |     height: 150px;
 71 |     position: absolute;
 72 |     right: 30px;
 73 | }
 74 | 
 75 | .bottom-cloud
 76 | {
 77 |     height: 150px;
 78 |     position: absolute;
 79 |     left: 30px;
 80 | }
 81 | 
 82 | .mountain 
 83 | {
 84 |     height: 400px;
 85 | }
 86 | 
 87 | 
 88 | .middle-container
 89 | {
 90 | 
 91 | }
 92 | 
 93 | .bottom-container
 94 | {
 95 |     background-color: #66BFBF;
 96 |     margin: 100px auto 0 auto;
 97 |     padding: 80px 0 20px 0;
 98 | }
 99 | 
100 | .profile-picture
101 | {
102 |     height: 200px;
103 | }
104 | 
105 | .skill-row
106 | {
107 |     width: 50%;
108 |     margin: 100px auto;
109 |     text-align: left;
110 | }
111 | 
112 | .coding
113 | {
114 |     width: 25%;
115 |     float: left;
116 |     margin-right: 50px;
117 |     margin-bottom: 100px;
118 | }
119 | 
120 | .foodie
121 | {
122 |     width: 25%;
123 |     float: right;
124 |     margin-left: 50px;
125 | }
126 | 
127 | .coding-description
128 | {
129 |     line-height: 2;
130 | }
131 | 
132 | .foodie-description
133 | {
134 |     line-height: 2;
135 | }
136 | 
137 | .btn {
138 |     background: #CBEDD5;
139 |     background-image: -webkit-linear-gradient(top, #CBEDD5, #439A97);
140 |     background-image: -moz-linear-gradient(top, #CBEDD5, #439A97);
141 |     background-image: -ms-linear-gradient(top, #CBEDD5, #439A97);
142 |     background-image: -o-linear-gradient(top, #CBEDD5, #439A97);
143 |     background-image: linear-gradient(to bottom, #CBEDD5, #439A97);
144 |     -webkit-border-radius: 28;
145 |     -moz-border-radius: 28;
146 |     border-radius: 28px;
147 |     text-shadow: 0px 1px 3px #666666;
148 |     font-family: Arial;
149 |     color: #ffffff;
150 |     font-size: 20px;
151 |     padding: 10px 20px 10px 20px;
152 |     text-decoration: none;
153 |   }
154 |   
155 |   .btn:hover {
156 |     background: #62B6B7;
157 |     background-image: -webkit-linear-gradient(top, #62B6B7, #97DECE);
158 |     background-image: -moz-linear-gradient(top, #62B6B7, #97DECE);
159 |     background-image: -ms-linear-gradient(top, #62B6B7, #97DECE);
160 |     background-image: -o-linear-gradient(top, #62B6B7, #97DECE);
161 |     background-image: linear-gradient(to bottom, #62B6B7, #97DECE);
162 |     text-decoration: none;
163 |   }
164 | 
165 |   .contact-message
166 |   {
167 |     width: 30%;
168 |     margin: 40px auto 100px auto;
169 |   }
170 | 
171 |   .copyright 
172 |   {
173 |     color: #CFF5E7;
174 |   }


--------------------------------------------------------------------------------
/images/Tejas-modified.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/Tejas-modified.png


--------------------------------------------------------------------------------
/images/cloud.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/cloud.gif


--------------------------------------------------------------------------------
/images/coding.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/coding.png


--------------------------------------------------------------------------------
/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/favicon.ico


--------------------------------------------------------------------------------
/images/foodie.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/foodie.png


--------------------------------------------------------------------------------
/images/mountain-modified.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/mountain-modified.png


--------------------------------------------------------------------------------
/images/mountain.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tejas-08-09/cv-css/e5d228d96793eb7e3ce7330953f92e2fe1b56fff/images/mountain.webp


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>Tejas Yadav</title>
 8 |     <link rel="stylesheet" href="css/styles.css">
 9 |     <link rel="icon" href="favicon.ico">
10 |     <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
11 | </head>
12 | <body>
13 |     <div class="top-container">
14 |         <h1>I'm Tejas.</h1>
15 |         <h2>a web developer</h2>
16 |         <div class="middle-container">
17 |             <div class="profile">
18 |               <img class="profile-picture" src="images/Tejas-modified.png" alt="profile-picture">
19 |               <h2>Hello.</h2>
20 |               <p class="intro"> I am a student at <strong> Shree LR Tiwari College of Engineering</strong>.
21 |                 Department of Information Technology. My dream is to have my own designed beautiful house💖.</p>
22 |             </div>
23 |             <hr>
24 |             <div class="skills">
25 |               <h2>My Skills.</h2>
26 |               <div class="skill-row">
27 |                 <img class="coding" src="images/coding.png" alt="Coding😏">
28 |                 <h3>Flexing with Code</h3>
29 |                 <p class="coding-description">I am thankful to myself, as I chose taking Computer Science as an optional subject in my HSC. I am saying that as eventually we are learning coding, I feel of having an upper hand over my other mates.</p>
30 |               </div>
31 |               <div class="skill-row">
32 |                 <img class="foodie"src="images/foodie.png" alt="Foody😄">
33 |                 <h3>Food Obsession</h3>
34 |                 <p class="foodie-description">India is known for its culture and its diversity, which also leads to many variety of tasty foods as well. Friends, it's true:- food is my utmost weakest point. Even worst of my anger vanishes in seconds after having delicious food😛.</p>
35 |               </div>
36 |             </div>
37 |             <hr>
38 |             <div class="contact-me">
39 |               <h2>Get In Touch</h2>
40 |               <h3>If you love playing with Technology as much as I do.</h3>
41 |               <p class="contact-message">Love learning newest technology? Let's talk about them together! We can code with fun!</p>
42 |               <a class="btn" href="mailto:tejasyadav045@gmail.com">CONTACT ME</a>
43 |             </div>
44 |           </div>
45 |           
46 |           
47 |           <div class="bottom-container">
48 |             <a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
49 |             <a class="footer-link" href="https://twitter.com/">Twitter</a>
50 |             <a class="footer-link" href="https://www.google.com/">Website</a>
51 |             <p class="copyright">© Tejas Yadav. © SLRTCE</p>
52 |           </div>
53 |           
54 | </body>
55 | </html>
56 | 


--------------------------------------------------------------------------------