Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document Review</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| display: flex; | |
| justify-content: center; /* This will center the .reviews container on the screen */ | |
| align-items: flex-start; | |
| height: 100vh; | |
| margin: 2px; /* Remove default margin */ | |
| } | |
| .highlight { background-color: yellow; | |
| color: black ; /* Dark grey for muted text */ | |
| cursor: pointer;} | |
| .not-hover-highlight { background-color: lightyellow; | |
| color: #606060 ; /* Dark grey for muted text */} | |
| .summary { | |
| width: 50%; | |
| font-size: 1.0rem; | |
| padding: 10px; | |
| height: 100vh; /* Maximum height to a third of the viewport height */ | |
| background-color: #9e9e9e0a; | |
| } | |
| .reviews { | |
| width: 50%; | |
| font-size: 0.7rem; | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding: 10px; | |
| max-height: 100vh; /* Maximum height to a third of the viewport height */ | |
| overflow-y: auto; /* Enable vertical scrolling */ | |
| background-color: #9e9e9e0a; /* Light grey background */ | |
| } | |
| .text-box { | |
| width: calc(100% - 20px); /* Adjust based on padding */ | |
| margin: 10px; | |
| padding: 10px; | |
| background-color: #9e9e9e0a; /* Light grey background */ | |
| color: #606060bf; | |
| border: 2px solid #ddd; /* Cartoonish border */ | |
| border-radius: 20px; /* Rounded corners for cartoonish effect */ | |
| position: relative; | |
| box-shadow: 3px 3px #bbb; /* Soft shadow for depth */ | |
| } | |
| .text-box:before { | |
| content: ''; | |
| position: absolute; | |
| right: 100%; | |
| bottom: 20%; | |
| border-top: 10px solid transparent; | |
| border-bottom: 10px solid transparent; | |
| border-right: 10px solid #ddd; /* Arrow matching the border */ | |
| } | |
| .summary-box { | |
| padding: 10px; | |
| margin: 10px 0; | |
| background-color: #e6e6fa; /* Lavender background for a pleasant look */ | |
| border: 1px solid #ddd; /* Light border for definition */ | |
| border-radius: 5px; /* Slightly rounded corners */ | |
| box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Soft shadow for depth */ | |
| cursor: pointer; | |
| } | |
| h4 { margin-top: 0; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class='column reviews'><h2>Reviews</h2><div class='text-box'>My wife and I were in November 2006 for one night only and paid with reward points. <span class='review-span highlight' data-aligned-summaries='0'>Wish have stayed longer</span>. Nice and superclean clean modern hotel, superb breakfast with plenty of variety and fresh capuccino made in front of you, and <span class='review-span highlight' data-aligned-summaries='2'>very helpful and polite staff both in reception and breakfast room</span> that makes your stay even more enjoyable. Even thought not in centre of Rome, close enough by public transportation very easy and accesible: bus line 85 runs often one block from hotel, takes you to Colesseum and near Trevi? <span class='review-span highlight' data-aligned-summaries='1'>Metro linea B, about 5 blocks from hotel</span> takes you to centre or Ananigna to take bus to Ciampino, and train to Fiumicino airport 2-3 blocks from hotel: only 5 euros takes you in a bit without stops. Only problem with Metro line B is that stopped working after 9:00PM. Hope it changes soon, but still OK. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely reccomend hotel</span> to anybody and cannot wait to go back now in June for 2 nights.</div><div class='text-box'>We (a family of 9 including a toddler & an adolescent) went there last October. Having stayed at a new Holiday Inn Express in Milan last year, we were hoping to repeat the same 3-star experience. The receptionists were accomodating/business-like. We rented a van & had to pay 12 parking/night. However, everybody was disappointed with the small room (triple BR), old stained pillows & sheets, cleanliness & service. The only time that we opened our window was on the last day of our stay (it rained) & was shocked to find out that <span class='review-span highlight' data-aligned-summaries='0 2'>the window sill was full of black molds</span>. My son had his first asthma attack when we went home. I've just read another review from a previous guest abt. 2 months ago stating the same problem with the molds/mildew. <span class='review-span highlight' data-aligned-summaries='0 2'>Obviously, the hotel didn't do anything about it</span>.</div><div class='text-box'>We stayed at the Holiday Inn Express Rome - San Giovanni for 3 nights during our 8 day trip in Italy. On our last morning, we were told to leave our baggage at the lobby while breakfast and we did. When we returned, we sadly found <span class='review-span highlight' data-aligned-summaries='0'>out that one of our baggage, the one containing most of our gifts, was missing</span>. Since we wouldn't be able to go back and get new ones, it was really devastating for us. <span class='review-span highlight' data-aligned-summaries='2'>The staff members were not even slighly interested in the situation</span>. We asked for police assistance but they didn't even bother to call; saying the police could do nothing about it. Nobody asked about what happened or anything; as if nothing had happened. <span class='review-span highlight' data-aligned-summaries='0 2'>The apathy, the staff members showed, made us regretfully think that some of them may have something to do with the robbery</span>.</div><div class='text-box'>We stayed at Holiday Inn Express Rome San Giovanni simply going by what others had to say about the place in Tripadvisor. I am glad I did that. I got a good price on the hiexpress website by booking in advance. Though <span class='review-span highlight' data-aligned-summaries='0'>the hotel is</span> not right in the heart of the city, it is a <span class='review-span highlight' data-aligned-summaries='0'>very convenient to get there by bus</span>. <span class='review-span highlight' data-aligned-summaries='1'>We also used the sub way station but that was a longer walk</span>. The rooms are very clean and modern. <span class='review-span highlight' data-aligned-summaries='2'>The front desk staff are helpful</span> . Breakfast was good with a lot of choice. <span class='review-span highlight' data-aligned-summaries='0'>Would definitely stay there again</span>.</div><div class='text-box'>I stayed at the hotel from January 26 to January 31 and the service over all is really great, but <span class='review-span highlight' data-aligned-summaries='0 2'>there is nothing or none that matches service, attention, dedication and compromise with the client</span> than SIMONE DI PORTO and ALESSANDRA COPPOCA, both of them really are committed and love what they do, always aware of what you need and willing to help you. ANd these review is coming from a long term priority club member with Platinum Status, besides the deco of the hotel and overall was good. Hope to go back to the same hotel</div><div class='text-box'>We Were only in rome for 2 days and 2 nights and found Express <span class='review-span highlight' data-aligned-summaries='0'>a good place for a short stay</span>. At first we thought the area looked a bit Dodgey But compared to Rome centre it is not too bad. There is a nice Restaurant (Sacco) just around the corner which, although a little pricey, is very pleasant. <span class='review-span highlight' data-aligned-summaries='0 1'>It is very close to the Station</span>,<span class='review-span highlight' data-aligned-summaries='1'> Just a 10 minute walk and another 10 to Termini Station</span>. Also There is free parking just outside reception</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>This is a good hotel</span>, it is very decent , nice rooms(though I'm not sure if it has air conditioning), <span class='review-span highlight' data-aligned-summaries='1'>it is very close to the Metro</span>, which was our main transportation throughout our trip. it also has a bus station a minute away that is also very usefull. <span class='review-span highlight' data-aligned-summaries='0'>Money well spent</span>!</div><div class='text-box'><span class='review-span highlight' data-aligned-summaries='0'>Very clean rooms, super friendly and helpful staff</span>. We checked in early in the morning and <span class='review-span highlight' data-aligned-summaries='2'>were accommodated without charge</span>. The breakfast was perfect. <span class='review-span highlight' data-aligned-summaries='2'>Make sure you get a few free cappuccino's from the Barista</span>. The Nescafe machine is fine but the cappuccino's from the barrista (Coffee Bar) are better.</div></div><div class='column summary'><h4>Summary</h4><div class='summary-box'><span id="0" class="summary-sentence">A great place to stay.</span> <span id="1" class="summary-sentence">The location is cloes to the main Metro train station.</span> <span id="2" class="summary-sentence">Some of the staff were helpful.</span></div></div> | |
| <script> | |
| document.querySelectorAll('.summary-sentence').forEach(sentence => { | |
| sentence.addEventListener('mouseenter', function() { | |
| const summaryId = this.getAttribute('id'); | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) { | |
| span.classList.remove('highlight'); | |
| span.classList.add('not-hover-highlight'); | |
| } | |
| }); | |
| this.classList.add('highlight'); | |
| }); | |
| sentence.addEventListener('mouseleave', function() { | |
| const summaryId = this.getAttribute('id'); | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| if (!span.getAttribute('data-aligned-summaries').split(' ').includes(summaryId)) { | |
| span.classList.remove('not-hover-highlight'); | |
| span.classList.add('highlight'); | |
| } | |
| this.classList.remove('highlight'); | |
| }); | |
| }); | |
| }); | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| span.addEventListener('mouseenter', function() { | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| if (span !== this) { | |
| span.classList.remove('highlight'); | |
| span.classList.add('not-hover-highlight'); | |
| } | |
| }); | |
| const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' '); | |
| document.querySelectorAll('.summary-sentence').forEach(sentence => { | |
| if (AlignSummariesId.includes(sentence.getAttribute('id'))) { | |
| sentence.classList.add('highlight'); | |
| } | |
| }); | |
| }); | |
| }); | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| span.addEventListener('mouseleave', function() { | |
| const AlignSummariesId = this.getAttribute('data-aligned-summaries').split(' '); | |
| document.querySelectorAll('.review-span').forEach(span => { | |
| if (span !== this) { | |
| span.classList.remove('not-hover-highlight'); | |
| span.classList.add('highlight'); | |
| } | |
| }); | |
| document.querySelectorAll('.summary-sentence').forEach(sentence => { | |
| if (AlignSummariesId.includes(sentence.getAttribute('id'))) { | |
| sentence.classList.remove('highlight'); | |
| } | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |