<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Primer CSS Marketing Buttons
Animated Arrow Symbols
</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
center
>
<
h1
class
=
"color-fg-success"
>
GeeksforGeeks
</
h1
>
<
h3
>
Primer CSS Marketing Buttons
Animated Arrow Symbols
</
h3
>
<
button
class="btn-mktg arrow-target-mktg
btn-muted-mktg mt-3"
type
=
"button"
>
Jobs on GeeksforGeeks
class
=
"octicon arrow-symbol-mktg"
>
<
path
fill
=
"currentColor"
d="M7.28033 3.21967C6.98744 2.92678 6.51256
3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303
11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033
3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033
12.7803L11.5303 8.53033L10.4697 7.46967Z">
</
path
>
<
path
stroke
=
"currentColor"
d
=
"M1.75 8H11"
stroke-width
=
"1.5"
stroke-linecap
=
"square"
>
</
path
>
</
svg
>
</
button
>
<
button
class="btn-mktg arrow-target-mktg
btn-subtle-mktg mt-3"
type
=
"button"
>
Articles on GeeksforGeeks
class
=
"octicon arrow-symbol-mktg"
>
<
path
fill
=
"currentColor"
d="M7.28033 3.21967C6.98744 2.92678 6.51256
3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303
11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033
3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033
12.7803L11.5303 8.53033L10.4697 7.46967Z">
</
path
>
<
path
stroke
=
"currentColor"
d
=
"M1.75 8H11"
stroke-width
=
"1.5"
stroke-linecap
=
"square"
>
</
path
>
</
svg
>
</
button
>
</
center
>
</
body
>
</
html
>