Skip to content

Commit 7f45bb2

Browse files
selvakumardhivakarselvakumardhivakar
committed
Add google adsense
1 parent bf73be3 commit 7f45bb2

File tree

4 files changed

+94
-51
lines changed

4 files changed

+94
-51
lines changed

‎css/index.css

+26-13
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/index.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/index.scss

+18-11
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import url("https://fonts.googleapis.com/css?family=Montez:wght@300;800&display=swap");
1+
@import url('https://fonts.googleapis.com/css?family=Montez:wght@300;800&display=swap');
22

33
* {
44
box-sizing: border-box;
@@ -11,7 +11,7 @@ body {
1111
padding: 0;
1212
background-color: rgb(73, 11, 73);
1313
color: white;
14-
font-family: "Courier New", Courier, monospace, "Montez", cursive;
14+
font-family: 'Courier New', Courier, monospace, 'Montez', cursive;
1515
}
1616
a {
1717
color: white;
@@ -36,7 +36,6 @@ ul {
3636
header {
3737
display: flex;
3838
justify-content: space-between;
39-
4039
.logo {
4140
font-weight: bold;
4241
}
@@ -50,7 +49,7 @@ header {
5049
}
5150

5251
.hero__content {
53-
margin: 4em 0 2em;
52+
margin: 4em 0 4em;
5453
.subtitle {
5554
margin-bottom: 0;
5655
}
@@ -101,7 +100,7 @@ blockquote {
101100
margin: 0;
102101
font-size: 0.8em;
103102
line-height: 1.8em;
104-
margin-bottom: 1em;
103+
margin-bottom: 2.5em;
105104
}
106105

107106
cite {
@@ -113,7 +112,7 @@ cite {
113112
padding-left: 25px;
114113
}
115114
cite::before {
116-
content: "";
115+
content: '';
117116
position: absolute;
118117
left: 0;
119118
top: 5px;
@@ -129,7 +128,7 @@ h2 {
129128
position: relative;
130129
}
131130
h2::before {
132-
content: "";
131+
content: '';
133132
position: absolute;
134133
height: 5px;
135134
width: 50px;
@@ -138,9 +137,11 @@ h2::before {
138137
}
139138

140139
.technologies,
141-
.social-websites {
140+
.social-websites,
141+
.email {
142142
text-align: center;
143143
opacity: 0.76;
144+
margin-bottom: 3em;
144145
.tech {
145146
width: 50px;
146147
}
@@ -160,7 +161,11 @@ h2::before {
160161
}
161162
.social-websites {
162163
display: grid;
163-
grid-template-columns: repeat(2, auto);
164+
grid-template-columns: repeat(4, auto);
165+
}
166+
.email {
167+
display: grid;
168+
grid-template-columns: repeat(1, auto);
164169
}
165170
}
166171

@@ -203,7 +208,8 @@ h2::before {
203208
}
204209
}
205210
.technologies,
206-
.social-websites {
211+
.social-websites,
212+
.email {
207213
display: flex;
208214
justify-content: space-around;
209215
}
@@ -219,7 +225,8 @@ h2::before {
219225
margin: 0;
220226
}
221227
.technologies,
222-
.social-websites {
228+
.social-websites,
229+
.email {
223230
grid-template-columns: repeat(4, auto);
224231
}
225232
h1 {

‎index.html

+49-26
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,22 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>My Portfolio</title>
77
<link rel="stylesheet" href="css/index.css" />
8+
<script
9+
data-ad-client="ca-pub-8400941299340017"
10+
async
11+
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
12+
></script>
813
</head>
914
<body>
1015
<div class="hero-wrapper">
1116
<div class="wrapper">
1217
<header>
13-
<a href="#" class="logo">Dhivakar</a>
18+
<a href="/" class="logo">Dhivakar</a>
1419
<nav>
1520
<ul>
16-
<li><a href="index.html">Home</a></li>
21+
<li><a href="/">Home</a></li>
1722
<li><a href="#about">About</a></li>
18-
<li><a href="https://scrimba.com/playlist/pWrQGHW">Courses</a></li>
23+
<li><a href="https://scrimba.com/@selvakumardhivakar">Courses</a></li>
1924
</ul>
2025
</nav>
2126
</header>
@@ -30,7 +35,7 @@ <h1>I'm currently an instructor in Scrimba and youtube!</h1>
3035
<ul class="stats">
3136
<li>
3237
<strong>
33-
~ 0
38+
~ 7
3439
</strong>
3540
<span>
3641
followers on Youtube
@@ -46,15 +51,15 @@ <h1>I'm currently an instructor in Scrimba and youtube!</h1>
4651
</li>
4752
<li>
4853
<strong>
49-
~ 0
54+
~ 0
5055
</strong>
5156
<span>
5257
views on Youtube
5358
</span>
5459
</li>
5560
<li>
5661
<strong>
57-
> 921
62+
> 820
5863
</strong>
5964
<span>
6065
minute views on Scrimba
@@ -63,41 +68,47 @@ <h1>I'm currently an instructor in Scrimba and youtube!</h1>
6368
</ul>
6469
</div>
6570
<div class="extended-wrapper carousal-container">
66-
<img class="arrows left" id="left-arrow" src="https://img.icons8.com/metro/26/000000/down--v1.png">
67-
</img>
71+
<img
72+
class="arrows left"
73+
id="left-arrow"
74+
src="https://img.icons8.com/metro/26/000000/down--v1.png"
75+
/>
6876
<ul class="carousal">
6977
<li>
70-
<blockquote>
71-
I have created a youtube channel called Vuelancer for making videos on full-stack development.
72-
It mainly focuses on Vuejs, Flutter, Nodejs, etc.
73-
</blockquote>
74-
<cite>Youtube</cite>
78+
<a href="https://www.youtube.com/channel/UC0hmXRqXYVO0mocVt5D3GkQ">
79+
<blockquote>
80+
I have created a youtube channel called Vuelancer for making videos on full-stack
81+
development. It mainly focuses on Vuejs, Flutter, Nodejs, etc.
82+
</blockquote>
83+
<cite>Youtube</cite>
84+
</a>
7585
</li>
86+
7687
<li>
77-
<blockquote>
78-
I already created a python playlist (course content) on Scrimba, you can find the link on "courses" tab above.
79-
I'm planning to finish the python course cited above and make contents including tensorflowjs, vuejs, etc.
80-
</blockquote>
81-
<cite>Scrimba</cite>
88+
<a href="http://www.scrimba.com/@selvakumardhivakar">
89+
<blockquote>
90+
I have created a python playlist (course content) on Scrimba, you can find the link
91+
on "courses" tab above. I'm planning to finish the python course and make contents
92+
including chartjs, tensorflowjs, vuejs, etc.
93+
</blockquote>
94+
<cite>Scrimba</cite>
95+
</a>
8296
</li>
8397
</ul>
84-
<img class="arrows right" id="right-arrow" src="https://img.icons8.com/metro/26/000000/down--v1.png">
98+
<img
99+
class="arrows right"
100+
id="right-arrow"
101+
src="https://img.icons8.com/metro/26/000000/down--v1.png"
102+
/>
85103
</div>
86104
</div>
87105
<div class="wrapper move-up v-padding">
88106
<h2>Technologies I'm interested in...</h2>
89107
<ul class="technologies">
90108
<li>
91-
<!-- <img class="tech" src="https://vuejs.org/images/logo.png" alt="" srcset="" /> -->
92109
<p>Vuejs</p>
93110
</li>
94111
<li>
95-
<!-- <img
96-
class="tech"
97-
src="https://hoshcoding.com/storage/images/flutter_1552925191.png"
98-
alt=""
99-
srcset=""
100-
/> -->
101112
<p>Flutter</p>
102113
</li>
103114
<li><p>Ionic</p></li>
@@ -112,6 +123,18 @@ <h2>Here, you can find me!</h2>
112123
<li>
113124
<p><a href="https://scrimba.com/@selvakumardhivakar">Scrimba</a></p>
114125
</li>
126+
127+
<li>
128+
<p><a href="https://github.com/Vuelancer">Vuelancer-Github</a></p>
129+
</li>
130+
</ul>
131+
</div>
132+
<div class="wrapper move-up" id="email">
133+
<h2>Contact Me</h2>
134+
<ul class="email">
135+
<li>
136+
<p>Email - vutterdev@gmail.com</p>
137+
</li>
115138
</ul>
116139
</div>
117140
</body>

0 commit comments

Comments
 (0)