location code test

[hitokiri]

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>