Skip to Main Content
ᴍᴀɴꜱʟᴀʏᴇʀ「𝘰𝘬𝘢𝘥𝘢 𝘪𝘻𝘰 ・ 岡田以蔵」 (
hitokiri
) wrote
2021
-
12
-
30
05:17 am
location code test
LOCATION NAME
ADDRESS / SUBTITLE
NAME
ROLE
NAME
ROLE
LOCATION NAME
ADDRESS / SUBTITLE
NAME
ROLE
NAME
ROLE
Quisque diam mauris, euismod volutpat ipsum non, bibendum imperdiet erat. Nam non sem vel dolor dictum pharetra. In vestibulum sapien sed consectetur cursus.
CODING BY
<lj-raw><div style="width:750px;margin:0 auto 5px auto;background:#fff;border:1px solid #ddd;padding:20px;font-family:tahoma,arial,sans-serif;font-size:14px;line-height:1.6;text-align:justify;"> <!-- PHOTO CONTAINER --> <div style="height:350px; overflow: hidden;"> <!--PHOTO 1--> <!-- HEADER & COVER PHOTO --> <a name="one"></a> <div style="background:#ddd url(https://i.imgur.com/Ko7hnCB.png)center;background-size:cover;margin:0 0 20px 0;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.2);"> <!-- HEADER POSITIONING & BACKGROUND DARKENING --> <div style="height:350px;display:flex;align-items:flex-end;justify-content:space-between;padding:15px;background:rgba(0,0,0,0.1);"> <!-- TITLE --> <h5 style="font-family:tahoma,arial,sans-serif;color:#fff;font-size:20px;margin:0;line-height:1;"> LOCATION NAME <div style="font-weight:normal;text-transform:none;font-size:10px;font-style:italic;display:flex;align-items:center;margin:4px 0 0 0;"> <img src="https://i.imgur.com/Y4duKcD.png" style="margin:0 3px 0 0;"> ADDRESS / SUBTITLE </div> </h5> <!-- /TITLE --> <!-- STAFF LIST --> <div style="display: block;"> <!-- FORWARD ARROW--> <div> <a href="#two" style="width:30px;display:flex;margin:0 0 60px 190px;color:#fff;text-decoration:none;"> <img src="https://i.imgur.com/mhCV1oL.png"> </a> </div> <!-- /FOWARD ARROW --> <!-- EMPLOYEE 1 --> <div style="background:rgba(255,255,255,0.1);width:215px;display:flex;align-items:center;margin:7px 0 0 0;color:#fff;text-decoration:none;"> <img src="ICON" style="height:37px;width:37px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <b>NAME</b><br> ROLE </span> </div> <!-- /EMPLOYEE 1 --> <!-- EMPLOYEE 2 --> <div style="background:rgba(255,255,255,0.1);width:215px;display:flex;align-items:center;margin:7px 0 0 0;color:#fff;text-decoration:none;"> <img src="ICON" style="height:37px;width:37px;width:37px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <b>NAME</b><br> ROLE </span> </div> <!-- /EMPLOYEE 2 --> </div> <!-- /STAFF LIST --> </div> <!-- /HEADER POSITIONING & BACKGROUND DARKENING --> </div> <!-- /HEADER & COVER PHOTO --> <!-- /PHOTO 1 --> <!-- PHOTO 2--> <!-- HEADER & COVER PHOTO --> <a name="two"></a> <div style="background:#ddd url(https://i.imgur.com/SnMwQs5.png)center no-repeat;background-size:cover;margin:0 0 20px 0;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);"> <!-- HEADER POSITIONING & BACKGROUND DARKENING --> <div style="height:350px;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:space-between;padding:15px;background:rgba(0,0,0,0.2);"> <!-- TITLE --> <h5 style="font-family:tahoma,arial,sans-serif;color:#fff;font-size:20px;margin:0;line-height:1;"> <!-- BACK ARROW --> <div> <a href="#one" style="width:30px;display:flex;margin:0 0 101px -8px;color:#fff;text-decoration:none;align-items:flex-start"> <img src="https://i.imgur.com/17QQ4cC.png"> </a> </div> <!-- /BACK ARROW --> LOCATION NAME <div style="font-weight:normal;text-transform:none;font-size:10px;font-style:italic;display:flex;align-items:center;margin:4px 0 0 0;"> <img src="https://i.imgur.com/Y4duKcD.png" style="margin:0 3px 0 0;"> ADDRESS / SUBTITLE </div> </h5> <!-- /TITLE --> <!--STAFF LIST--> <div> <!-- EMPLOYEE 1 --> <div style="background:rgba(255,255,255,0.1);width:215px;display:flex;align-items:center;margin:7px 5px 0 0;color:#fff;text-decoration:none;"> <img src="ICON" style="height:37px; width:37px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <b>NAME</b><br> ROLE </span> </div> <!-- /EMPLOYEE 1 --> <!-- EMPLOYEE 2 --> <div style="background:rgba(255,255,255,0.1);width:215px;display:flex;align-items:center;margin:7px 0 0 0;color:#fff;text-decoration:none;"> <img src="ICON" style="height:37px;width:37px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <b>NAME</b><br> ROLE </span> </div> <!-- /EMPLOYEE 2 --> </div> <!-- /STAFF LIST --> </div> <!-- /HEADER POSITIONING & BACKGROUND DARKENING --> </div> <!-- /HEADER & COVER PHOTO --> <!-- /PHOTO 2 --> </div> <!-- /PHOTO CONTAINER --> <!-- LOCATION INFORMATION TEXT --> <div style="height:140px;overflow:auto;padding:20px 0px 0 0;box-sizing:content-box;"> Quisque diam mauris, euismod volutpat ipsum non, bibendum imperdiet erat. Nam non sem vel dolor dictum pharetra. In vestibulum sapien sed consectetur cursus. Maecenas placerat placerat quam, vel mollis velit euismod commodo. </div> <!-- /LOCATION INFORMATION TEXT --> </div><center><a href="http://tessisamess.insanejournal.com/" style="text-decoration:none;color:#aaa;font-size:9px;letter-spacing:2px;">CODING BY</a></center></lj-raw>
(
0 comments
)
Post a comment in response:
From:
Anonymous
This account has disabled anonymous posting.
OpenID
Identity URL:
Log in?
Dreamwidth account
Account name
Password
Log in?
If you don't have an account you can
create one now
.
Subject
HTML doesn't work in the subject.
Formatting type
Casual HTML
Markdown
Raw HTML
Rich Text Editor
Message
Log in
Account name:
Password:
Remember me
Other options:
Forget your password?
Log in with OpenID?
Close
menu
Log in
Create
Create Account
Display Preferences
Explore
Interests
Directory Search
Site and Journal Search
Latest Things
Random Journal
Random Community
FAQ
Shop
Buy Dreamwidth Services
Gift a Random User
DW Merchandise
Interest
Region
Site and Account
FAQ
Email