-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (45 loc) · 2.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
<head>
<title>My Portfolio</title>
<!-- style sheet -->
<link rel="stylesheet" type="text/css" href="index.css">
<!-- font styles -->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Istok+Web:400,700" rel="stylesheet">
<!-- no pinch zoom -->
<meta name="viewport" content="width = device-width", initial-scale = 1.0 , user-scalable=no>
</head>
<body>
<div class="container">
<div class="banner">
<div class="card">
<h1 class="heading">
Hey there! <br> This is <br> Satya.
</h1>
<p class="sub-heading">
This place is all about my life.
<br>
<button>See My Journey</button>
</p>
</div>
</div>
<div class="row">
<div class="paragraph">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda dolores ea et eveniet neque nostrum odio, odit quia sunt. Beatae deleniti dicta dolore eum facilis hic impedit quae saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda dolores ea et eveniet neque nostrum odio, odit quia sunt. Beatae deleniti dicta dolore eum facilis hic impedit quae saepe.
<br> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda dolores ea et eveniet neque nostrum odio, odit quia sunt. Beatae deleniti dicta dolore eum facilis hic impedit quae saepe. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda dolores ea et eveniet neque nostrum odio, odit quia sunt. Beatae deleniti dicta dolore eum facilis hic impedit quae saepe.
<br>
<br> Lorem ipsum dolor sit amet
<div class="icon-group">
<img src="outlook.png" class="icon">
<img src="twitter.png" class="icon">
<img src="instagram.png" class="icon">
<img src="linkedin.png" class="icon">
</div>
</div>
<div class="image">
<img src="image.png" class="my-image">
</div>
</div>
</div>
</body>
</html>