Scribd
Upload
12 views5 pages

ASSSIGNMENT 12 CSS Text & Font

The document is an HTML template for a webpage titled 'HARTRON Social Media Platforms'. It lists various social media platforms associated with HARTRON, including Instagram, YouTube, Facebook, and LinkedIn, along with an email contact. Additionally, it provides action links for users to follow, like, share, comment, or unfollow HARTRON.

Uploaded by

shivajiiitan1224
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views5 pages

ASSSIGNMENT 12 CSS Text & Font

The document is an HTML template for a webpage titled 'HARTRON Social Media Platforms'. It lists various social media platforms associated with HARTRON, including Instagram, YouTube, Facebook, and LinkedIn, along with an email contact. Additionally, it provides action links for users to follow, like, share, comment, or unfollow HARTRON.

Uploaded by

shivajiiitan1224
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>HARTRON Social Media Platforms</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: Lightgray

color Black

margin 0;

padding: 20px;

h1 {

text-align: center;

color: Red

.container {

max-width: 800px;

margin: 0px;

padding: 20px;

background-color: White
border 1px solid; Light gray border

display flex;

justify-content: space-between;

.platforms {

flex: 2;

.platform {

margin: 10px 0;

font-size: 18px;

.platform span {

font-weight: bold;

color: Blue ;

.platform a {

text-decoration: none;

color: Green ;

font-weight: bold;

.actions {
flex: 1;

display: flex;

flex-direction: column;

align-items: flex-end;

margin-bottom: 1000px;

.actions a {

margin: 10px 0;

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid

padding-bottom: 5px;

.actions a.follow {

color: Blue ;

.actions a.like {

color: Purple ;

.actions a.share {

color: Orange ;

}
.actions a.comment {

color: Green ;

.actions a.unfollow {

color: #f00;

text-decoration: line-through;

</style>

</head>

<body>

<h1>HARTRON SOCIAL MEDIA PLATFORMS</h1>

<div id="firstdiv"><div class="container">

<div class="platforms">

<div class="platform">

<span>INSTAGRAM:</span> <a href="#">hartronambala</a>

</div>

<div class="platform">

<span>YOUTUBE:</span> HARTRON SKILL CENTER AMBALA CITY

</div>

<div class="platform">

<span>FACEBOOK:</span> HARTRON AMBALA CITY

</div>

<div class="platform">
<span>EMAIL:</span> <a
href="mailto:[email protected]">[email protected]</a>

</div>

<div class="platform">

<span>LINKEDIN:</span> HARTRON SKILL CENTRE AMBALA

</div></div>

<div id="seconddiv"> <div class="actions">

<a href="#" class="follow">Follow</a>

<a href="#" class="like">Like</a>

<a href="#" class="share">Share</a>

<a href="#" class="comment">Comment</a>

<a href="#" class="unfollow">Unfollow</a>

</div></div>

</div>

</div>

</body>

</html>

You might also like