API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 24th, 2019
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.83 KB | None | 0 0
raw download clone embed print report
  1. <script src="https://use.typekit.net/qzk1nkl.js"></script>
  2. <script>try {
  3. Typekit.load({async: true}
  4.  
  5. );
  6. }
  7. catch (e) {
  8. }
  9. </script>
  10. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  11. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
  12.  
  13. <style type="text/css">@import url("http://hello.myfonts.net/count/31e145");@import url("http://hello.myfonts.net/count/31e2d9");@import url("http://hello.myfonts.net/count/31f64d");@font-face{font-family:'DidoteTextPro-Regular';src:url("{url}text-outline: ;re_image/site/webfonts/31E145_0_0.eot");src:url("{url}store_image/site/webfonts/31E145_0_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31E145_0_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31E145_0_0.woff") format("woff"),url("{url}store_image/site/webfonts/31E145_0_0.ttf") format("truetype");}
  14.  
  15. @font-face{font-family:'DidoteTextPro-Bold';src:url("{url}store_image/site/webfonts/31E2D9_1_0.eot");src:url("{url}store_image/site/webfonts/31E2D9_1_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31E2D9_1_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31E2D9_1_0.woff") format("woff"),url("{url}store_image/site/webfonts/31E2D9_1_0.ttf") format("truetype");}
  16.  
  17. @font-face{font-family:'DidoteTextPro-Italic';src:url("{url}store_image/site/webfonts/31F64D_0_0.eot");src:url("{url}store_image/site/webfonts/31F64D_0_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31F64D_0_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31F64D_0_0.woff") format("woff"),url("{url}store_image/site/webfonts/31F64D_0_0.ttf") format("truetype");}
  18.  
  19. </style>
  20.  
  21. <style media="screen">#brHeader{display:block;position:relative;width:100%;8}
  22. number{display:none;}
  23.  
  24. #brHeader .brPreheading{display:block;position:relative;width:100%;text-align:center;font:24px/1.5em 'Lato',sans-serif;color:#000;border-top:0px solid #000;text-transform:uppercase;margin:24px 0 24px;font-weight:900;letter-spacing:4px;}
  25.  
  26. #brHeader .brPreheading>span{top:-10px;padding:2px 5px 0 5px;background:#fff;position:relative;display:inline-block;}
  27.  
  28. #brHeader .brHashtag{color:#000;font-family:'Lato',Arial,"sans-serif";display:inline-block;position:relative;float:left;left:0;top:-30px;overflow:hidden;}
  29.  
  30. #brHeader .brSocial{color:#000;font-family:'Lato',Arial,"sans-serif";display:inline-block;position:relative;float:right;right:0;top:-30px;overflow:hidden;text-align:right;}
  31.  
  32. #brHeader .brSocial>a>span{color:#000000;}
  33.  
  34. #brHeader .brHeading{display:block;height:auto;position:relative;text-align:center;clear:both;top:0px;margin-top:0px;color:#000000;line-height:1em;}
  35.  
  36. #brHeader .brHeading img{width:40%;}
  37.  
  38. #brHeader .brPostheading{display:block;position:relative;font-size:30px;border-top:1px solid #e4eff5;line-height:1.0em;text-align:center;font-family:'Lato',sans-serif;color:#000000;font-weight:500;padding-top:.5em;padding-bottom:.5em;letter-spacing:.04em;}
  39.  
  40. #brHeader .brMessage{display:block;margin:2em 4em;position:relative;font-size:20px;line-height:1.5em;text-align:justify;font-family:'Lato',sans-serif;color:#555555;font-weight:300;letter-spacing:.08em;text-transform:none;}
  41.  
  42. #brHeader .brMessage a{color:#555555;font-weight:800;text-decoration:underline;}
  43.  
  44. .brDate{display:block;font-family:"Lato","Arial",sans-serif;text-transform:normal;position:relative;border-top:1.5px solid #000000;font-size:24px;line-height:0em;padding:0 5px;text-align:center;color:#000000;letter-spacing:.1em;margin:0px 0px 30px;font-weight:400;text-transform:uppercase;}
  45.  
  46. .brDate>span{background-color:#fff;padding:0 30px;}
  47.  
  48. .brDate>span sup{display:inline-block;position:relative;font-size:14px;line-height:0em;vertical-align:top;top:0;}
  49.  
  50. .brName{display:block;font-family:"Lato","Arial",sans-serif;text-transform:normal;position:relative;font-size:24px;line-height:1em;padding:0 5px 1em;text-align:center;color:#000000;letter-spacing:.1em;margin:0px 0px 30px;font-weight:400;text-transform:uppercase;}
  51.  
  52. #brEvents{display:block;position:relative;width:100%;}
  53.  
  54. #brEvents .brEvent{display:block;position:relative;width:100%;height:760px;margin-top:80px;}
  55.  
  56. #brEvents .brEvent.brTopEvent{margin-top:65px;}
  57.  
  58. #brEvents .brEvent:nth-child(1){margin-top:50px;}
  59.  
  60. #brEvents .brEvent .brContent{display:block;position:relative;width:100%;height:700px;}
  61.  
  62. #brEvents .brEvent .brContent .brBorder{display:block;position:absolute;left:0;top:0;height:700px;width:100%;border:0px solid #000;z-index:1;}
  63.  
  64. #brEvents .brEvent .brContent .brLeft{display:inline-block;position:relative;width:50%;height:100%;background-position-x:52%;background-size:auto 100%;background-repeat:no-repeat;margin-left:0px;z-index:2;}
  65.  
  66.  
  67. /* IMAGES */
  68.  
  69. #brEvents .brEvent#Event-Apr1 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr12019.jpg');}
  70. #brEvents .brEvent#Event-Apr4 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr42019-2.jpg');}
  71. #brEvents .brEvent#Event-Apr11-14 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr112019.jpg');}
  72. #brEvents .brEvent#Event-Apr19 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr192019-1.jpg');}
  73. #brEvents .brEvent#Event-Apr21 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr212019-2.jpg');}
  74. #brEvents .brEvent#Event-Apr22 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr222019-1.jpg');}
  75. #brEvents .brEvent#Event-Apr24 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr242019-1.jpg');}
  76. #brEvents .brEvent#Event-Apr26 div.brContent span.brLeft{background-image:url('{url}content/Event-Feb22019.jpg');}
  77.  
  78.  
  79.  
  80.  
  81.  
  82. #brEvents .brEvent .brContent .brRight{display:inline-block;position:relative;overflow:hidden;width:49%;height:100%;margin:0;vertical-align:top;}
  83.  
  84. #brEvents .brEvent .brContent .brRight .brTop{display:block;position:relative;width:100%;}
  85.  
  86. #brEvents .brEvent .brContent .brRight .brTop .brTitle{display:block;position:relative;font-family:"DidoteTextPro-Regular","Times",serif;font-size:2.8em;;line-height:1.3em;text-align:center;color:#000000;margin-top:30px;padding:40px .4em;background-color:#fff;z-index:1;font-weight:500;letter-spacing:.05em;/*text-transform: uppercase;*/}
  87.  
  88. #brEvents .brEvent .brContent .brRight .brTop img{display:block;width:150px;align-content:center;position:relative;margin:0 auto;}
  89.  
  90. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{display:block;position:relative;width:90%;text-align:center;font-family:'Lato',sans-serif;font-size:22px;text-transform:uppercase;font-weight:900;letter-spacing:2px;border-top:1px solid #000;color:#000;margin:15px auto 0;}
  91.  
  92. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{display:inline-block;position:relative;top:-18px;padding:2px 20px 0 25px;background-color:#fff;}
  93.  
  94. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span sup{display:inline-block;position:relative;font-size:14px;line-height:17px;vertical-align:top;top:0;}
  95.  
  96. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop img{}
  97.  
  98. #brEvents .brEvent .brContent .brRight .brTop img.brCenterTop{position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
  99.  
  100. #brEvents .brEvent .brContent .brRight .brBottom{display:block;position:absolute;width:100%;/*bottom:30px;*/z-index:2;}
  101.  
  102. #brEvents .brEvent .brContent .brRight .brBottom1{display:block;position:absolute;width:100%;bottom:0px;z-index:2;}
  103.  
  104. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 11%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}
  105.  
  106. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 7%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}
  107.  
  108. #brEvents .brEvent .brContent .brRight .brBottom .brMessage a{color:#000000;font-weight:800;text-decoration:underline;}
  109.  
  110. #brEvents .brEvent .brContent .brRight .brBottom .brCTA{display:block;position:relative;margin-bottom:45px;text-align:center;text-decoration:underline;font-family:'Lato',sans-serif;font-size:18px;font-weight:900;color:#000;line-height:1;letter-spacing:0.15em;z-index:2;text-transform: uppercase;padding: 0 1em;}
  111.  
  112. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA{display:block;position:relative;margin-bottom:45px;text-align:center;text-decoration:underline;font-family:'Lato',sans-serif;font-size:18px;font-weight:900;color:#000;line-height:1;letter-spacing:0.15em;z-index:2;text-transform: uppercase;padding: 0 1em;}
  113.  
  114. #brEvents .brEvent .brContent .brRight .brBottom .brCTA::after{content:"";display:inline-block;width:0;height:0;line-height:1;vertical-align:middle;transform:translate(50%,-25%);border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #000000;}
  115.  
  116. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA::after{content:"";display:inline-block;width:0;height:0;line-height:1;vertical-align:middle;transform:translate(50%,-25%);border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #000000;}
  117.  
  118. .brTopEvent .brLink{display:block;position:relative;float:right;right:28px;top:-10px;text-decoration:underline;font-size:14px;}
  119.  
  120. .brTopEvent .brLink strong{color:#000;}
  121.  
  122. .brTopEvent .brFooter{display:block;position:relative;clear:both;margin-top:45px;padding:0 15%;color:#000;font-size:22px;font-weight:300;text-align:center;letter-spacing:.05em;}
  123.  
  124. .brTopEvent .brFooter a{color:#000;text-decoration:underline;}
  125.  
  126. #brMissed{display:block;position:relative;margin:70px 0;}
  127.  
  128. #brMissed .missed-events{}
  129.  
  130. #brMissed .missed-events .missed-event{display:inline-block;position:relative;width:25%;margin:0 4.0%;padding:0;}
  131.  
  132. #brMissed .missed-events .missed-event a{text-decoration:none;}
  133.  
  134. #brMissed .missed-events .missed-event .brContainer{display:block;position:relative;width:100%;overflow:hidden;border:1px solid #919191;}
  135.  
  136. #brMissed .missed-events .missed-event .brContainer img{display:block;position:relative;width:100%;height:auto;}
  137.  
  138. #brMissed .missed-events .missed-event .brContainer .brTitle{display:table;position:relative;overflow:hidden;min-height:75px;width:100.5%;background-color:#646464;color:#fff;font-size:20px;text-transform:uppercase;text-align:center;}
  139.  
  140. #brMissed .missed-events .missed-event .brContainer .brTitle>span{display:table-cell;vertical-align:middle;}
  141.  
  142. #brMissed .missed-events .missed-event .brDateFooter{display:block;position:relative;text-align:center;font-size:25px;margin-top:10px;color:#000;}
  143.  
  144. #brFooter div.ffSubscribe span.text{text-align:center;padding:0 1x;margin:0px;line-height:1.5em;}
  145.  
  146. #brFooter div.ffSubscribe span.text h2{font:30px/34px "Lato",Arial,sans-serif;margin-bottom:0px;letter-spacing:.08em;color:#000;}
  147.  
  148. #brFooter div.ffSubscribe span.text p{color:#000;font-family:'Lato',Arial,sans-serif;letter-spacing:.08em;font-size:18px;margin-bottom:20px;padding-left:2em;padding-right:2em;}
  149.  
  150. #brFooter div.ffSubscribe div.e{padding:10px 0;color:#ffffff;text-align:center;font:14px/19px 'Lato',Arial,Helvetica,sans-serif; margin-bottom: 40px;}
  151.  
  152. #brFooter div.ffSubscribe div.e form{zoom:1;width:46%;background:#000000;display:inline-block;vertical-align:middle;border:1px solid #000000;margin-right:10px;}
  153.  
  154. #brFooter div.ffSubscribe div.e form input{border:0;margin:0;width:75%;float:left;height:40px;color:#646565;padding:2px 0 0;text-transform:uppercase;text-align:center;background:#ffffff;vertical-align:middle;font:18px/18px 'Lato',Arial,Helvetica,sans-serif;}
  155.  
  156. #brFooter div.ffSubscribe div.e form button{border:0;margin:0;padding:0;height:40px;float:right;width:24.99%;color:#ffffff;text-align:center;background:#000000;text-transform:uppercase;font:14px/38px 'Lato',Arial,Helvetica,sans-serif;}
  157.  
  158. #brFooter div.ffSubscribe span.respHTML{display:block;text-align:center;}
  159.  
  160. @media screen and (max-width: 1169px) {#brEvents .brEvent#event-secretsanta div.brContent span.brLeft{background-position:center;}
  161.  
  162. }
  163.  
  164. @media screen and (max-width: 1090px) {#brHeader .brHeading{font-size:10.5vw;}
  165.  
  166. #brEvents .brEvent .brContent .brRight .brTop img.brImage{position:absolute;margin:auto;right:-9999px;left:-9999px;}
  167.  
  168. #brEvents .brEvent#event-12days .brContent .brRight .brBottom .brMessage{margin-bottom:30px;}
  169.  
  170. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 7%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}
  171.  
  172. }
  173.  
  174. @media screen and (max-width: 1038px) {#brEvents .brEvent .brContent .brLeft{width:54.75%; height: 75%;}
  175.  
  176. #brEvents .brEvent .brContent .brRight{width:44%;}
  177.  
  178. }
  179.  
  180. @media screen and (max-width: 870px) {#brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTitle{font-size:32px;}
  181.  
  182. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{font-size:18px;}
  183.  
  184. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{padding:2px 5px 0 0px;top:50px;}
  185.  
  186. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span sup{font-size:12px;}
  187.  
  188. #brHeader .brHashtag{top:-5px;}
  189.  
  190. #brHeader .brSocial{top:-5px;}
  191.  
  192. #brFooter div.ffSubscribe span.text h2{font-size:5.4vw;}
  193.  
  194. #brFooter div.ffSubscribe div.e form{width:75%;}
  195.  
  196. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:16px;}
  197.  
  198. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:16px;}
  199.  
  200. }
  201.  
  202. @media screen and (max-width: 740px) {.brName>span{padding:0 4px;}
  203.  
  204. #brEvents .brEvent .brContent .brLeft{background-position:center;}
  205.  
  206. #brHeader .brHeading img{width:50%;}
  207.  
  208. #brHeader .brPreheading>span{}
  209.  
  210. #brHeader .brSocial{text-align:center;width:100%;}
  211.  
  212. #brHeader .brHashtag{float:none;width:100%;text-align:center;font-size:14px;color:#a3a3a3;margin:15px 0 20px;}
  213.  
  214. #brHeader .brHeading{margin-top:0;}
  215.  
  216. .brDate{height:30px;letter-spacing:2px;font-size:1.8em;}
  217.  
  218. .brDate>span{display:inline-block;position:relative;padding:5px 15px;line-height:1em;top:-.7em;}
  219.  
  220. .brDate>span num {display: none;}
  221. number {display: block; font-family: "Lato","Arial",sans-serif;font-size:1.8em;position: relative;text-align: center;margin:-40px 0 30px; color: #000;}
  222.  
  223. .brDate>span sup{font-size:14px;line-height:5px;top:7px;}
  224. number sup{font-size:14px;line-height:5px;top:7px;vertical-align: super;}
  225.  
  226. .brTopEvent .brLink{display:none;}
  227.  
  228. #brEvents .brEvent{height:auto!important;margin-top:50px;}
  229.  
  230. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTitle{font-size:40px;}
  231.  
  232. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{width:95%;font-size:22px;}
  233.  
  234. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{top:-18px;padding:2px 10px 0 15px;}
  235.  
  236. #brEvents .brEvent .brContent{height:auto;}
  237.  
  238. #brEvents .brEvent .brContent .brBorder{display:none;}
  239.  
  240. .brTopEvent .brFooter{padding:0 10%;line-height:35px;font-size:18px;}
  241.  
  242. #brEvents .brEvent .brContent .brLeft{display:block;width:100%;height:500px;}
  243.  
  244. #brEvents .brEvent .brContent .brRight{display:block;width:100%;height:auto;}
  245.  
  246. #brEvents .brEvent .brContent .brRight .brTop img{display:none!important;}
  247.  
  248. #brEvents .brEvent .brContent .brRight .brTop .brTitle{z-index:0;padding-left:.5em;padding-right:.5em;line-height:1.2em; padding: 35px .5em;}
  249.  
  250. #brEvents .brEvent .brContent .brRight .brBottom{position:relative;bottom:auto;}
  251.  
  252. #brEvents .brEvent .brContent .brRight .brBottom1{position:relative;bottom:auto;}
  253.  
  254. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:24px;}
  255.  
  256. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:24px;}
  257.  
  258. #brEvents .brEvent .brContent .brRight .brBottom .brCTA{font-size:4vw;}
  259.  
  260. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA{font-size:4vw;}
  261.  
  262. #brMissed .missed-events .missed-event{display:block;width:310px;margin:45px auto 0;}
  263.  
  264. #brMissed .missed-events .missed-event .brContainer img{max-width:310px;height:auto;margin:0 auto;}
  265.  
  266. #brMissed .missed-events .missed-event .brContainer .brTitle>span{font-size:4.75vw;}
  267.  
  268. #brMissed .missed-events .missed-event .brDateFooter{font-size:5.5vw;}
  269.  
  270. #brFooter div.ffSubscribe div.e form{width:90%;}
  271.  
  272. #brFooter div.ffSubscribe span.text h2{font-size:30px;padding-left:.5em;padding-right:.5em;}
  273.  
  274. }
  275.  
  276. @media screen and (max-width: 414px) {.brDate{font-size:21px;height:21px;}
  277.  
  278. .brDate>span{top:-15px;}
  279. number{font-size: 1.4em;}
  280. .brDate>span sup{top:5px;}
  281. number sup{top:5px;}
  282.  
  283. #brHeader .brPreheading>span{}
  284.  
  285. #brHeader .brPostheading{font-size:7vw;letter-spacing:.08em;}
  286.  
  287. #brEvents .brEvent .brContent .brLeft{height:380px;}
  288.  
  289. #brEvents .brEvent .brContent .brRight .brTop .brTitle{font-size:32px!important;}
  290.  
  291. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:18px;}
  292.  
  293. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:18px;}
  294.  
  295. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{width:100%;font-size:20px;}
  296.  
  297. }
  298.  
  299.  
  300.  
  301. span.red {
  302. color: #be1e2d;
  303. font-family: 'Lato', Arial, sans-serif;
  304. font-size: .5em;
  305. line-height:4em;
  306. padding-bottom: 0.5em;
  307. border-bottom: 1px solid #000000;
  308. text-transform: uppercase;
  309. }
  310.  
  311. span.red2 quick{
  312. color: #000;
  313. font-family: 'Lato', Arial, sans-serif;
  314. line-height:4em;
  315. padding-bottom: 0.5em;
  316.  
  317. }
  318.  
  319. span.red2 {
  320. color: #be1e2d;
  321. font-family: 'Lato', Arial, sans-serif;
  322. font-size: .5em;
  323. line-height:4em;
  324. padding-bottom: 0.5em;
  325.  
  326. }
  327.  
  328.  
  329. </style>
  330.  
  331.  
  332.  
  333.  
  334. <div id="brHeader">
  335. <span class="brHeading">
  336. <img src="{url}content/BrightonInsider_800px-2.png" srcset="{url}content/BrightonInsider_800px@2x-2.png 1x, {url}content/BrightonInsider_800px@3x-2.png 3x">
  337. </span>
  338.  
  339. <div class="brName"><span>VIP</span></div>
  340. <span class="brPreheading"><span>Special in-store events</span></span>
  341.  
  342. <!-- <span class="brPostheading">Spring Style VIP Eventses</span>-->
  343. <!--<span class="brMessage">Our Spring Style event series begins Thursday, April 6th, with private appointments available from Friday through Sunday. Our personal stylists will provide you with information about the Spring must-haves, including a special gift to start your Spring wardrobe.</span>-->
  344. </div>
  345.  
  346.  
  347. <div id="brEvents">
  348.  
  349. <!-- May 1 -->
  350. <div id="Event-May1" class="brEvent">
  351. <span class="brDate"><span>Wed, May 1<sup>st</sup></span></span>
  352. <div class="brContent"><span class="brBorder"></span>
  353. <span class="brLeft"></span>
  354. <span class="brRight">
  355. <span class="brTop">
  356. <span class="brTitle">
  357. <!--<span class="red">VIP & Brightonista Event</span>-->
  358. <br><span style="text-transform: uppercase;">
  359. CHARMING GIFTS
  360. </span><br>
  361. </span>
  362. </span>
  363. <span class="brBottom">
  364. <span class="brMessage">Create customs & meaningful gifts<br><br>all day
  365. </span>
  366. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  367. </span>
  368. </span>
  369. </span>
  370. </div>
  371.  
  372. </div>
  373.  
  374. <!-- May 4 -->
  375. <div id="Event-May1" class="brEvent">
  376. <span class="brDate"><span>Sat, May 4<sup>th</sup></span></span>
  377. <div class="brContent"><span class="brBorder"></span>
  378. <span class="brLeft"></span>
  379. <span class="brRight">
  380. <span class="brTop">
  381. <span class="brTitle">
  382. <!--<span class="red">VIP & Brightonista Event</span>-->
  383. <br><span style="text-transform: uppercase;">
  384. MOTHERS & DAUGHTER BRUNCH
  385. </span><br>
  386. </span>
  387. </span>
  388. <span class="brBottom">
  389. <span class="brMessage">Family, Fun and Fashion at Brighton<br><br>10am - 12pm
  390. </span>
  391. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  392. </span>
  393. </span>
  394. </span>
  395. </div>
  396.  
  397. </div>
  398.  
  399. <!-- May 6&7 -->
  400. <div id="Event-May1" class="brEvent">
  401. <span class="brDate"><span>Mon, May 6<sup>th</sup> & Tue, May 7<sup>th</sup></span></span>
  402. <div class="brContent"><span class="brBorder"></span>
  403. <span class="brLeft"></span>
  404. <span class="brRight">
  405. <span class="brTop">
  406. <span class="brTitle">
  407. <!--<span class="red">VIP & Brightonista Event</span>-->
  408. <br><span style="text-transform: uppercase;">
  409. NATIONAL NURSES DAY & NATIONAL TEACHERS DAY
  410. </span><br>
  411. </span>
  412. </span>
  413. <span class="brBottom">
  414. <span class="brMessage">all day<br><br>
  415. </span>
  416. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  417. </span>
  418. </span>
  419. </span>
  420. </div>
  421.  
  422. </div>
  423. <!-- May 9 - 12 -->
  424. <div id="Event-May1" class="brEvent">
  425. <span class="brDate"><span>Thu, May 9<sup>th</sup> - Sun, May 12<sup>th</sup></span></span>
  426. <div class="brContent"><span class="brBorder"></span>
  427. <span class="brLeft"></span>
  428. <span class="brRight">
  429. <span class="brTop">
  430. <span class="brTitle">
  431. <!--<span class="red">VIP & Brightonista Event</span>-->
  432. <br><span style="text-transform: uppercase;">
  433. FAMILY WEEKEND
  434. </span><br>
  435. </span>
  436. </span>
  437. <span class="brBottom">
  438. <span class="brMessage">Great Gifts for Mom and Fun for ALL Ages<br><br>all day
  439. </span>
  440. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  441. </span>
  442. </span>
  443. </span>
  444. </div>
  445.  
  446. </div>
  447. <!-- 12 -->
  448. <div id="Event-May1" class="brEvent">
  449. <span class="brDate"><span>Sun, May 12<sup>th</sup></span></span>
  450. <div class="brContent"><span class="brBorder"></span>
  451. <span class="brLeft"></span>
  452. <span class="brRight">
  453. <span class="brTop">
  454. <span class="brTitle">
  455. <!--<span class="red">VIP & Brightonista Event</span>-->
  456. <br><span style="text-transform: uppercase;">
  457. MOTHER'S DAY
  458. </span><br>
  459. </span>
  460. </span>
  461. <span class="brBottom">
  462. <span class="brMessage">Brighton Her Day and Celebrate with Us<br><br>all day (early open)
  463. </span>
  464. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  465. </span>
  466. </span>
  467. </span>
  468. </div>
  469.  
  470. </div>
  471. <!-- May 15-->
  472. <div id="Event-May1" class="brEvent">
  473. <span class="brDate"><span>Wed, May 15<sup>th</sup></span></span>
  474. <div class="brContent"><span class="brBorder"></span>
  475. <span class="brLeft"></span>
  476. <span class="brRight">
  477. <span class="brTop">
  478. <span class="brTitle">
  479. <!--<span class="red">VIP & Brightonista Event</span>-->
  480. <br><span style="text-transform: uppercase;">
  481. NATIONAL CHOCOLATE CHIP COOKIE DAY
  482. </span><br>
  483. </span>
  484. </span>
  485. <span class="brBottom">
  486. <span class="brMessage">Enjoy a Sweet Treat ALL Day<br><br>all day
  487. </span>
  488. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  489. </span>
  490. </span>
  491. </span>
  492. </div>
  493.  
  494. </div>
  495. <!-- May 17-->
  496. <div id="Event-May1" class="brEvent">
  497. <span class="brDate"><span>Fri, May 17<sup>th</sup></span></span>
  498. <div class="brContent"><span class="brBorder"></span>
  499. <span class="brLeft"></span>
  500. <span class="brRight">
  501. <span class="brTop">
  502. <span class="brTitle">
  503. <!--<span class="red">VIP & Brightonista Event</span>-->
  504. <br><span style="text-transform: uppercase;">
  505. A BRIGHTONISTA EVENT - ART OF TOM CLANCY
  506. </span><br>
  507. </span>
  508. </span>
  509. <span class="brBottom">
  510. <span class="brMessage">Introducing the Love Garden Collection<br><br>9am early opening
  511. </span>
  512. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  513. </span>
  514. </span>
  515. </span>
  516. </div>
  517.  
  518. </div>
  519.  
  520. <!-- May 23-->
  521. <div id="Event-May1" class="brEvent">
  522. <span class="brDate"><span>Thu, May 23<sup>rd</sup></span></span>
  523. <div class="brContent"><span class="brBorder"></span>
  524. <span class="brLeft"></span>
  525. <span class="brRight">
  526. <span class="brTop">
  527. <span class="brTitle">
  528. <!--<span class="red">VIP & Brightonista Event</span>-->
  529. <br><span style="text-transform: uppercase;">
  530. A VIP EXCLUSIVE EVENT - SUMMER STYLE
  531. </span><br>
  532. </span>
  533. </span>
  534. <span class="brBottom">
  535. <span class="brMessage">Summer Must Haves<br><br>all day
  536. </span>
  537. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  538. </span>
  539. </span>
  540. </span>
  541. </div>
  542.  
  543. </div>
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555. <!-- Apr 24 -->
  556. <!--
  557.  
  558. <div id="Event-Apr24" class="brEvent">
  559. <span class="brDate"><span>Wednesday, Apr 24<sup>th</sup></span></span>
  560. <div class="brContent"><span class="brBorder"></span>
  561. <span class="brLeft"></span>
  562. <span class="brRight">
  563. <span class="brTop">
  564. <span class="brTitle">
  565. <span class="red">VIP & Brightonista Event</span>
  566. <br><span style="text-transform: uppercase;">
  567. Administrative Professional's Day
  568. </span><br>
  569. </span>
  570. </span>
  571. <span class="brBottom">
  572. <span class="brMessage">Be the office hero.<br><br>ALL DAY
  573. </span>
  574. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  575. </span>
  576. </span>
  577. </span>
  578. </div>
  579.  
  580. </div>
  581. -->
  582.  
  583. <!-- Apr 26 -->
  584.  
  585. <!--
  586. <div id="Event-Apr26" class="brEvent">
  587. <span class="brDate"><span>Friday, Apr 26<sup>th</sup></span></span>
  588. <div class="brContent"><span class="brBorder"></span>
  589. <span class="brLeft"></span>
  590. <span class="brRight">
  591. <span class="brTop">
  592. <span class="brTitle">
  593. <span class="red">VIP & Brightonista Event</span>
  594. <br><span style="text-transform: uppercase;">
  595. Meaningful Jewelry
  596. </span><br>
  597. </span>
  598. </span>
  599. <span class="brBottom">
  600. <span class="brMessage">See our newest collections and find your personal meaning.<br><br>ALL DAY
  601. </span>
  602. <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  603. </span>
  604. </span>
  605. </span>
  606. </div>
  607.  
  608. </div>
  609.  
  610.  
  611.  
  612. -->
  613.  
  614.  
  615.  
  616.  
  617. </div>
  618.  
  619.  
  620.  
  621. <div id="brHeader">
  622. <span class="brPostheading"><!--<span>VIP-Exclusive Concierge Phone <br>
  623. (844)607-0673</span>--></span>
  624.  
  625.  
  626. </div>
  627. <br clear="all">
  628. <div id="brHeader"><br>
  629.  
  630.  
  631. <span class="brHashtag">#MyBrightonStyle</span>
  632. <span class="brSocial">Bring a friend... share to: <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//www.brighton.com/content/3704/vip-in-store-events.html"><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-facebook fa-stack-1x fa-inverse"></em></span><span class="sr-only">Facebook</span></a> <a href="https://twitter.com/home?status=View%20Our%20VIP%20In-Store%20Event%20Calendar%0A%23BrightonCollectables%0Ahttp%3A//bit.ly/2qpUw3Q"><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-twitter fa-stack-1x fa-inverse"></em></span><span class="sr-only">Twitter</span></a> <a href="https://pinterest.com/pin/create/button/?url=http%3A//www.brighton.com/content/3704/vip-in-store-events.html&media=https%3A//www.brighton.com/content/2017_SocialShare_3704May.jpg&description="><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-pinterest-p fa-stack-1x fa-inverse"></em></span><span class="sr-only">Pinterest</span></a> </span>
  633.  
  634. </div>
  635.  
  636. <br clear="all">
  637.  
  638.  
  639. <div id="brFooter" style="margin-top:8em; margin-bottom: 8em;">
  640. <div class="ffSubscribe">
  641. <span class="text"><h2>Not an Insider?</h2></span><span class="text"><p>Visit the <a href="/loyalty-terms"><u>Brighton Insider Rewards</u></a> page to learn more about the program and start earning rewards.</p><br>
  642. </span>
  643.  
  644. <span class="respHTML"></span>
  645.  
  646. <div class="ffSubscribe">
  647. <br>
  648. <span class="text" ><h2>Never miss another fun Brighton event.</h2></span><span class="text" ><p>Sign up for our special event email messages to stay in-the-know on future in-store shopping promotions</p></span>
  649.  
  650. <div class="e">
  651. <form>
  652. <input id="SignUps" type="email" name="email" placeholder="Email Address" aria-label="Sign Up">
  653. <button type="submit" >Sign Up</button>
  654. </form>
  655. </div>
  656.  
  657.  
  658. <span class="respHTML"></span><br>
  659.  
  660. </div>
  661.  
  662. </div>
  663.  
  664. <div id="brHeader">
  665. <span class="brPostheading"><span>SHOP RELATED PRODUCTS</span></span>
  666.  
  667. </div>
  668.  
  669. <script type="text/javascript">
  670. (function(code) {
  671. code(window.jQuery, window, document);
  672. }
  673.  
  674.  
  675.  
  676.  
  677.  
  678. (function($, window, document) {
  679. $(function() {
  680.  
  681. $('.ffSubscribe div.e form').on('submit',function(event){
  682. event.preventDefault();
  683. bluehornetSubscribe($(this).find('input').val(),'460998');// Promotions and Special Events Segment
  684. }
  685.  
  686.  
  687.  
  688.  
  689.  
  690. );
  691. }
  692.  
  693.  
  694.  
  695.  
  696.  
  697. );
  698.  
  699. // Subscribe To Segment
  700. function bluehornetSubscribe(email_address,promotion_group_id){
  701. if(email_address == 'ENTER EMAIL ADDRESS'){
  702. return false;
  703. }
  704.  
  705.  
  706. console.log('here');
  707.  
  708. var email_signup = 'promotion_only';
  709. if(window.XMLHttpRequest){
  710. xmlhttp_subscribe = new XMLHttpRequest();
  711. }
  712.  
  713.  
  714. else{
  715. xmlhttp_subscribe = new ActiveXObject("Microsoft.XMLHTTP");
  716. }
  717.  
  718.  
  719. xmlhttp_subscribe.onreadystatechange=function(){
  720. if(xmlhttp_subscribe.readyState==4 && xmlhttp_subscribe.status==200){
  721. $('span.respHTML').html(xmlhttp_subscribe.responseText);
  722. }
  723.  
  724.  
  725. }
  726.  
  727.  
  728. xmlhttp_subscribe.open("POST","http://www.brighton.com/Shop/EmailNotification/Confirmation.php",true);
  729. xmlhttp_subscribe.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  730. xmlhttp_subscribe.send("email_signup="+email_signup+"&address="+email_address+"&promotion_group_id="+promotion_group_id);
  731. }
  732.  
  733. }
  734.  
  735. ));
  736. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!