iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0

連假,累累病。

<div class="flex_container">

        <div class="phone phonebox">Telephone Consultation +49 221 534109-300</div>




        <div class="bigtitle">For that moment.</div>
        <div class="smalltitle">Prepare your dream vacation now</div>
        <div class="nothing"></div>
        <div class="search">
            <input class="search-bar" type="text" name="search" id="search" placeholder="you dream vacation">
        </div>


    </div>
.flex_container {
    display: flex;
    flex-wrap: wrap;
    height: 750px;
    background-image: url(./img/title.jpg);
    flex-direction: row;
    align-content: flex-start;
}
.phone {
    color: rgb(255, 255, 255);
    text-align: left;
    font-size: 10px;
    text-indent: 450px;

}

.phonebox {

    width: 2000px;
    height: 20px;
    line-height: 10px;
    margin: 0.5%;
    border-bottom: 1px solid rgb(255, 255, 255);

}

.titlelist {
    color: rgb(255, 255, 255);
    text-align: left;
    width: 700px;
    height: 100px;
    font-family: cursive;
    font-size: 30px;
    text-indent: 450px;

}





.bigtitle {
    color: rgb(255, 255, 255);
    text-align: center;

    width: 2000px;
    height: 350px;
    font-family: cursive;
    font-size: 80px;
    line-height: 500px;


}

.smalltitle {
    color: rgb(255, 255, 255);
    text-align: center;

    width: 2000px;
    height: 50px;
    font-family: cursive;
    font-size: 20px;


}

.nothing {

    width: 50%;
    width: 440px;
    height: 250px;
}

.search {

    width: 50%;
    width: 1000px;
    height: 250px;


}

.search-bar {
    width: 100%;
    height: 32px;
    font-size: 20px;
    background-color: #efe9e7;
}

上一篇
<DAY24>
下一篇
<DAY26>
系列文
九局下半的學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言