Create a Mini house 🏠 #coding #code

Показать описание

The AI Studio

Рекомендации по теме

Комментарии

Your videos are always so informative and well-presented. Thank you for sharing your knowledge with us!🚀😎

MyCodingDiary

👇👇👇Code:-👇👇👇
HTML 👇👇👇


<!doctype html>
<head>
<title>House</title>
</head>
<style>

body {
/*

}
.front-wall{
height:210px;
width: 250px;
border:2.3px solid black;
position: relative;
top:240px;
left:60px;
background-color:lightyellow;
}
.door{
height:130px;
width: 84px;
border:2.4px solid black;
position: relative;
left:133px;
top:110px;
background-color:brown;
}
.shadow{

width: 250px;
height: 140px;
transform: skew(28deg);
background: #000;
position: relative;
left:96px;
top:106px;

}
.roof{
width:0;
height: 0;
border-left: 163.5px solid transparent;
border-right: 160px solid transparent;
border-bottom: 200px solid #555;
position: relative;
bottom:410px;
left:20px;

}
.window{
height:60px;
width:60px;
border:2px solid black;
position:relative;
bottom:380px;
left:230px;
background-color:skyblue;
}
.proper{
position:relative;
top:270px;
}
.window-line1{
height:58px;
width:0px;
border: 2px solid #2B2B2B;
position: relative;
bottom:442px;
left:260px;
}
.window-line2{
height:0px;
width:58px;
border: 2px solid #2B2B2B;
position: relative;
bottom:473px;
left:230px;
}
.align2{
position:relative;
bottom:129px;
right:164px;
}
.sun{
width:140px;
height:140px;
border:0.2px transparent black;
border-radius: 50%;
position: relative;
bottom:1600px;
left:210px;
background-color: yellow;

}

</style>
<body>
<div class="proper">
<div class="front-wall"></div>
<div class="door"></div>
<div class="shadow"></div>
<div class="roof"></div>
<div class="window"></div>
<div class="window-line1"></div>
<div class="window-line2"></div>

<div class="align2">
<div class="window"></div>
<div class="window-line1"></div>
<div class="window-line2"></div>
</div>

<i class="fa fa-cloud"

<i class="fa fa-cloud"

<i class="fa fa-cloud" left:-20px;z-index: -1"></i>

<i class="fa fa-cloud"

<i class="fa fa-cloud"

<div class="sun"></div>
</body>
</html>

SudipJana

Create a Mini house 🏠 #coding #code

BUILDING A DREAM MANSION WITH MINI BRICKS

Build a SMART Mini House with 2 Bedrooms, Water WELL and POOL from Cardboard | DIY Miniature House

Man Builds STUNNING MINI HOUSE With Small Bricks

Building My Dream Tiny Home For Under $8000

Diy mini truck house building construction science project @Aafnocreator

Why Is Everyone Shocked by This Mini Brick House? #vfuho #miniature #house #diy

DIY MINIATURE HOUSE FROM LITTLE BRICKS AND CEMENT by 5-Minute Crafts

DIY Miniature Cardboard House #66 | Easy Build Simple Pink Craft House From Cardboard For a Family

The BEST 2 Bedroom Container House Designs for Small Families | Dream Home

How to Make Stairs for a Mini House #vfuho #minihouse #diy #stairs

Building A Magical Mini Apartment For Queen Elsa ❄️

How to build a two story mini house from stone and mini brick #diy #house #miniature

tiny bathroom makeover in my antique dollhouse

Journey To An Ancient Town | Decorating Mini House In Oriental Style

Build 2-Storey Million Dollar Villa for Rich with Infinity Pool from Cardboard | DIY Miniature House

How To Make Amazing Mini House

DIY Miniature Dollhouse | Poetic Life

DIY Miniature Modern Party Home with Real Swimming Pool

DIY Simple Miniature House | Modern House Model

Tiny Minecraft build ideas...

Multi-Level Cozy House With Lights And Attic | Dollhouse Kit

Tiny House with Real Fish 🐠

The Easy Way to Create Amazing Mini Brick Houses Without Special Skills #miniature #diy #house

Building Dream Mini House model with bricks | Full steps as reality