<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
div
class
=
"o-container o-container--medium"
>
<
center
>
<
h1
style
=
"color: green"
>
GeeksforGeeks
</
h1
>
<
h3
>A computer science portal for geeks</
h3
>
</
center
>
<
div
style
=
"margin-left:195px; width:750px;"
class
=
"o-grid o-grid--no-gutter"
>
<
div
class="o-grid__cell
o-grid__cell--width-40">
<
div
class
=
"c-card"
>
<
div
role
=
"separator"
class="c-card__item
c-card__item--divider">
<
div
class="o-field o-field--icon-left
u-small">
<
i
class
=
"fas fa-search c-icon"
></
i
>
<
input
class
=
"c-field"
type
=
"text"
/>
</
div
>
</
div
>
<
div
class
=
"o-grid o-grid--no-gutter c-card__item"
>
<
div
class
=
"o-grid__cell"
>
<
div
class
=
"u-text--loud"
>
GeeksforGeeks</
div
>
<
div
class
=
"u-text--quiet u-small"
>
Welcome to Geeksfor Geeks!!
</
div
>
</
div
>
<
div
class
=
"o-grid__cell o-grid__cell--width-25"
>
<
div
class
=
"u-text--quiet u-small u-right"
>
10:07
</
div
>
</
div
>
</
div
>
<
div
class="o-grid o-grid--no-gutter
c-card__item c-card__item--success">
<
div
class
=
"o-grid__cell"
>
<
div
class
=
"u-text--loud"
>MOM</
div
>
<
div
class
=
"u-text--quiet u-small"
>
Where are you?!!
</
div
>
</
div
>
<
div
class
=
"o-grid__cell o-grid__cell--width-25"
>
<
div
class
=
"u-text--quiet u-small u-right"
>
00:05
</
div
>
</
div
>
</
div
>
<
div
class
=
"o-grid o-grid--no-gutter c-card__item"
>
<
div
class
=
"o-grid__cell"
>
<
div
class
=
"u-text--loud"
>Natasha</
div
>
<
div
class
=
"u-text--quiet u-small"
>
We should go out tonight...
</
div
>
</
div
>
<
div
class
=
"o-grid__cell o-grid__cell--width-25"
>
<
div
class
=
"u-text--quiet u-small u-right"
>
Yesterday
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
center
>
</
body
>
</
html
>