GitDemo/Fragments.html at master · Dutt23/GitDemo · GitHub

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html>
<head>
	<title>Fragments</title>
</head>
<link rel="stylesheet" href="css/reset.css">
<style>

body{
	clear:both;
}
#Last{

	float: right;
	font-size: 14px;

}

#Last:after{
	content: ")";
}
#Last:before{
	content: "(";
}
h2{
	font-size: 30px;
	margin: 0px;
	letter-spacing: -1px;
	word-spacing: -1px;

}

body{
	width: 800px;
	margin: 20px auto;
    font-family: sans-serif;
    background: yellow;
}

#meta{
	float: left;
	width: 300px;
	height: 250px;
	margin-right: 25px;
	margin-top: 24px;
}
.Preview{
	float: right;
	padding-top: 7px;
	width: 470px;
}
a{

text-decoration: none;
color : grey;
}
a:hover{
	text-decoration: underline;
    color: black;
}

li{
	list-style: none;
	display: initial;
	font-size: 15px;
	color: blue;
	padding-right: 7px;
}
ul{
	padding-left: 0px;
}
li:after{
	content: "/"
}

li:last-child:after{
	content: none;
}
#Link{
	color: grey;
	padding-top: 5px;
	float: left;
}
#Para{
	clear: both;
	font-size: 14px;
	line-height: 21px;
}
</style>
<body>
<article>

 <a href="#">
 	<img id ="meta" src="img/Minion.jpg">
 </a>
 <div class="Preview">
 <ul>
 	<li>
 		<a href="part2.html">Best things about you </a>
 	</li>
    <li>
    	<a href="#">What I do feel about you </a>
    </li>
    <li>
    	<a href="#">Queries</a>
    </li>
 </ul>

 	<h2>Why I think you are amazing</h2>
  <p id="Link"> <a href="#">Shatyaki</a> on 20rd February 2018 with <a href="#">27 comments</a>
  </p>
  <div id="Para">
   <p>So basically where to start. I think sorry is a good place for the begining. Anyways I really understand and get what you mean by you don't want to hurt to him and stuff. But apparently I do have emotions, new discovery for me. I always wanted to make your life easier and happier not harder. But yeah apparently I have a talent for making everything hard in people (get the reference,except Sayak everyone's I can make.)
   </p>

   <p>
 Paragraphs apparently make everything and also this handwriting you can understand. Not gonna lie I did feel kinda bad, again emotions funny thing aren't they ? I know I'll rarely get to talk to you so yeah I rather we talk normally then have all these fuck all talks. So I started with sorry I'll end with sorry.
 opps I lied teeehehe. You're an amazing person, I really like seeing you happy. What makes me happy is thinking that I made you happy ( Hopefully ? Kabhi Kabhi ? Ektu Ektu ?).
 Also we hugged for the first time on 18th February at 1:43pm. Ask me how I know the exact time. I know this is too girly. But I like being girly with you. Teeheh..
    </p>
  </div>
  <div id="Last">
  <a  href="#">Hug?</a>
  </div>
 </div>

</article>

</body>
</html>