Html and css

duwane410 · Member · Aug 5, 2021 at 9:08 pm
Copy link

Add topic to favorites
I want to helpful to getting my html and css to WordPress

Site: help@WordPress.
Correct account: Unknown
deancroyal · Staff · Aug 6, 2021 at 8:05 pm
Copy link
Hello! Would you like help with HTML and CSS on a site that you own here at WordPress.com? If so, what is the site URL that we can help you with, and what kind of HTML and CSS support are you needing?
duwane410 · Member · Aug 8, 2021 at 4:56 am
Copy link
`<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”description” content=”Casri House Decorations”>
<meta name=”keywords” content=”qurxinta guryaha, samayta Nashqaha, dhismayasha cusub ee guryaha”>
<meta name=”faysal” content=”faysal ahmed wayel”>
<title>Casri House Decoration | Welcome</title>
<link rel=”stylesheet” href=”./css/style.css”>
<link rel=”icon” href=”img/favicon.png”>
</head>
<body>
<header>
<div class=”container”>
<div id=”branding”>
<h1><span class=”highlight”>Casri House </span>Decoration</h1>
</div>
<nav>
<ul>
<li class=”current”><a href=”index.html”>Home</a></li>
<li><a href=”about.html”>About</a></li>
<li><a href=”services.html”>Services</a></li>
</ul>
</nav>
</div>
</header>

<section id=”showcase”>
<div class=”container”>
<h1> Casri House Decoration </h1>
<p>Samayta Nashqaha ugu dambeya ee qurxinta dhismayaasha.</p>
</div>
</section>

<section id=”newsletter”>
<div class=”container”>
<h1>Subscribe To Our Newsletter</h1>
<form>
<input type=”email” placeholder=”Enter Email…” required>
<button type=”submit” class=”button_1″>Subscribe</button>
</form>
</div>
</section>

<section id=”boxes”>
<div class=”container”>
<div class=”box”>
<img src=”./img/jibson1.jpg”>
<h3>Samaynta bilifonada</h3>
<p>Waxaan dhamaanba ku samaynaynaa bilifoonada jibsonta iyo kuwan plasticga ah Nashqad walba oo aad jeclaato iyadoo laguu diyaariyay 5000 oo nashqado casriya ah iyo shaqaale firfircooni leh.
Waxaay ka hawlgalayaan dhamaanba degaan meel walba oo aad rabto in lagaga shaqeeyo</p>
</div>
<div class=”box”>
<img src=”./img/ranji.jpg”>
<h3>Nashqaha Darbiga gudaha</h3>
<p>Samayta nashqado kala duduwan oo gudaha guriga ah iyo barandoyinkisaba waxaana lagugu samayn donaa qiimo macquul ah oo kuraali galiya iyado lagugu shaqaynayo mitir karee midab walba ama Nashqad walba oo aad wadato ama aad rabto in lagugu sameeyo gurigaaga</p>
</div>
<div class=”box”>
<img src=”./img/logo_brush.png”>
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi augue, viverra sit amet ultricies</p>
</div>
</div>
</section>

<footer>
<p>xaquuqda Websiteka faysal ahmed wayel , Copyright © 2021</p>
</footer>
</body>
</html>
duwane410 · Member · Aug 8, 2021 at 4:58 am
Copy link
body{
font: 15px/1.5 Arial, Helvetica,sans-serif;
padding:0;
margin:0;
background-color:#f4f4f4;
}

/* Global */
.container{
width:80%;
margin:auto;
overflow:hidden;
}

ul{
margin:0;
padding:0;
}

.button_1{
height:38px;
background:#e8491d;
border:0;
padding-left: 20px;
padding-right:20px;
color:#ffffff;
}

.dark{
padding:15px;
background:#35424a;
color:#ffffff;
margin-top:10px;
margin-bottom:10px;
}

/* Header **/
header{
background:#35424a;
color:#ffffff;
padding-top:30px;
min-height:70px;
border-bottom:#e8491d 3px solid;
}

header a{
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
font-size:16px;
}

header li{
float:left;
display:inline;
padding: 0 20px 0 20px;
}

header #branding{
float:left;
}

header #branding h1{
margin:0;
}

header nav{
float:right;
margin-top:10px;
}

header .highlight, header .current a{
color:#e8491d;
font-weight:bold;
}

header a:hover{
color:#cccccc;
font-weight:bold;
}

/* Showcase */
#showcase{
min-height:400px;
background:url(‘../img/house.jpg’) no-repeat;
background-position: center;
background-size: cover;
text-align:center;
color:#00ff00;
}

#showcase h1{
margin-top:100px;
font-size:70px;
margin-bottom:10px;
}

#showcase p{
font-size:20px;
}

/* Newsletter */
#newsletter{
padding:15px;
color:#ffffff;
background:#35424a
}

#newsletter h1{
float:left;
}

#newsletter form {
float:right;
margin-top:15px;
}

#newsletter input[type=”email”]{
padding:4px;
height:25px;
width:250px;
}

/* Boxes */
#boxes{
margin-top:20px;
}

#boxes .box{
float:left;
text-align: center;
width:30%;
padding:10px;
}

#boxes .box img{
width:90px;
}

/* Sidebar */
aside#sidebar{
float:right;
width:30%;
margin-top:10px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
width:90%;
padding:5px;
}

/* Main-col */
article#main-col{
float:left;
width:65%;
}

/* Services */
ul#services li{
list-style: none;
padding:20px;
border: #cccccc solid 1px;
margin-bottom:5px;
background:#e6e6e6;
}

footer{
padding:20px;
margin-top:20px;
color:#ffffff;
background-color:#e8491d;
text-align: center;
}

/* Media Queries */

@media(max-width: 768px){
header #branding,
header nav,
header nav li,
#newsletter h1,
#newsletter form,
#boxes .box,
article#main-col,
aside#sidebar{
float:none;
text-align:center;
width:100%;
}

header{
padding-bottom:20px;
}

#showcase h1{
margin-top:40px;
}

#newsletter button, .quote button{
display:block;
width:100%;
}

#newsletter form input[type=”email”], .quote input, .quote textarea{
width:100%;
margin-bottom:5px;
}
}
aisajib · Staff · Aug 8, 2021 at 5:16 am
Copy link
Hi there!

We can’t help with raw HTML/CSS code here. Can you explain your question a bit and share a link to your site?

The topic ‘Html and css’ is closed to new replies.

WordPress.com forums

Html and css