Account name:
Password
(OpenID?)
(Forgot it?)
Remember Me
You're viewing
hitokiri
's journal
Create a Dreamwidth Account
Learn More
Interest
Region
Site and Account
FAQ
Email
Reload page in style:
light
Recent
Archive
Friends
Tags
Memories
Profile
Memories
「天、誅ーっ！」
Recent
Archive
Friends
Tags
Memories
Profile
Memories
Previous Day
|
Next Day
December 30th, 2021
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>
Comment
Link
Remember
Tell
Previous Day
|
Next Day
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
ADDRESS / SUBTITLE
