API tools faq
paste
stardustcodes

google reviews - misceláneo

stardustcodes
May 27th, 2020
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.64 KB | None | 0 0
raw download clone embed print report
  1. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  2.  
  3. <div class="rev1"><img src="https://via.placeholder.com/90"><div class="rev2">Nombre del sitio <br> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat tortor tellus, vitae porttitor justo dictum at. In hac habitasse platea dictumst. Nunc vitae mauris a augue ullamcorper fringilla. Sed leo nulla, scelerisque quis pharetra sit amet, convallis nec purus.</span></div>
  4. <div class="rev3">4.2 <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i></div><div class="rev4">146 opiniones <i class="fas fa-question-circle"></i></div><div class="rev5""><i class="fas fa-edit"></i> Escribe una opinión</div>
  5. <div class="rev6">Categoría</div><div class="rev6">Categoría</div><div class="rev6">Categoría</div><div class="rev6">Categoría</div>
  6. <div class="rev7"><div class="rev8"><img src="https://via.placeholder.com/60">
  7. Nombre de la persona
  8. Local Guide</div><div class="rev9"><i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #eee"></i> <i class="fas fa-star" style="color: #eee"></i> <span>Hace una semana</span>
  9. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat tortor tellus, vitae porttitor justo dictum at. In hac habitasse platea dictumst. Nunc vitae mauris a augue ullamcorper fringilla.
  10.  
  11. <span><i class="fas fa-thumbs-up"></i> Me gusta</span></div>
  12.  
  13. <div class="rev8"><img src="https://via.placeholder.com/60">
  14. Nombre de la persona
  15. Local Guide</div><div class="rev9"><i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #eee"></i> <span>Hace un mes</span>
  16. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed lectus nec ex semper viverra vitae at nunc. Etiam neque lacus, pellentesque eget urna et, faucibus commodo felis. In in eros in ante vulputate elementum vitae eget turpis.
  17. <img src="https://via.placeholder.com/90"> <img src="https://via.placeholder.com/90"> <img src="https://via.placeholder.com/90"></div>
  18. </div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  19.  
  20.  
  21. <style>.rev1 {margin: 0 auto; width: 470px; height: 400px; padding: 30px; background: #fff; border: 1px solid #eee; display: flex; flex-wrap: wrap; justify-content: center}.rev2 {width: 360px; font-family: roboto; font-weight: 500; font-size: 20px; color: #2e2e2e; text-align: justify; line-height: 110%; margin-right: 10px}.rev2 span {font-weight: 400; font-size: 11px; color: #888; line-height: 110%}.rev1 img {width: 90px; height: 90px; margin-right: 10px}.rev3 {width: 160px; height: 20px; padding: 5px; font-family: roboto; font-weight: 400; font-size: 18px; color: #efc67c}.rev4 {width: 130px; height: 20px; font-family: roboto; font-weight: 400; font-size: 11px; padding: 7px 5px 3px 5px}.rev5 {width: 140px; height: 20px; padding: 7px 5px 3px 5px; background: #6389df; font-family: roboto; font-weight: 400; font-size: 11px; color: #fff; text-align: center}.rev6 {width: 80px; height: 17px; font-size: 10px; color: #888; text-align: center; border-radius: 10px; border: 1px solid #eee; margin: 1px; transition: 0.5s}.rev6:hover {color: #6389df; background: #a3ccf4}.rev7 {width: 470px; height: 210px; overflow: auto; border-top: 1px solid #eee; padding-top: 15px}.rev8 {display: flex; flex-wrap: wrap; font-family: roboto; font-weight: 500; font-size: 11px; color: #2e2e2e; line-height: 150%}.rev8 img {width: 60px; height: 60px; border-radius: 50%; margin-top: 5px}.rev9 {padding-left: 70px; padding-right: 10px; margin-top: -15px; font-family: roboto; font-weight: 400; font-size: 11px; color: #2e2e2e; text-align: justify; line-height: 110%}.rev9 img {width: 90; height: 90px; margin: 5px 2px}.rev9 span {color: #888}.rev7::-webkit-scrollbar {width: 8px}.rev7::-webkit-scrollbar-track {background: #fff}.rev7::-webkit-scrollbar-thumb {background: #eee}.stcred {margin: 0 auto; width: 380px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>
  22.  
  23.  
  24. //*******COMENTARIO POR SEPARADO - SIN FOTOS********///
  25.  
  26. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  27. <div class="rev10"><div class="rev11"><img src="https://via.placeholder.com/60">
  28. Nombre de la persona
  29. Local Guide</div><div class="rev12"><i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #eee"></i> <i class="fas fa-star" style="color: #eee"></i> <span>Hace una semana</span>
  30. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat tortor tellus, vitae porttitor justo dictum at. In hac habitasse platea dictumst. Nunc vitae mauris a augue ullamcorper fringilla.
  31.  
  32. <span><i class="fas fa-thumbs-up"></i> Me gusta</span></div></div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  33.  
  34. <style>.rev10 {margin: 0 auto; width: 470px; padding: 30px; background: #fff; border: 1px solid #eee}.rev11 {display: flex; flex-wrap: wrap; font-family: roboto; font-weight: 500; font-size: 11px; color: #2e2e2e; line-height: 150%}.rev10 img {width: 60px; height: 60px; border-radius: 50%; margin-top: 5px; margin-right: 10px}.rev12 {padding-left: 70px; padding-right: 10px; margin-top: -15px; font-family: roboto; font-weight: 400; font-size: 11px; color: #2e2e2e; text-align: justify; line-height: 110%}.rev12 img {width: 90px!important; height: 90px!important; margin: 5px 2px; border-radius: 0%}.rev12 span {color: #888}.stcred {margin: 0 auto; width: 380px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>
  35.  
  36.  
  37. //*******COMENTARIO POR SEPARADO - CON FOTOS********///
  38.  
  39. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  40. <div class="rev10"><div class="rev11"><img src="https://via.placeholder.com/60">
  41. Nombre de la persona
  42. Local Guide</div><div class="rev12"><i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #efc67c"></i> <i class="fas fa-star" style="color: #eee"></i> <span>Hace un mes</span>
  43. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sed lectus nec ex semper viverra vitae at nunc. Etiam neque lacus, pellentesque eget urna et, faucibus commodo felis. In in eros in ante vulputate elementum vitae eget turpis.
  44. <img src="https://via.placeholder.com/90"> <img src="https://via.placeholder.com/90"> <img src="https://via.placeholder.com/90"></div>
  45. </div><div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  46.  
  47. <style>.rev10 {margin: 0 auto; width: 470px; padding: 30px; background: #fff; border: 1px solid #eee}.rev11 {display: flex; flex-wrap: wrap; font-family: roboto; font-weight: 500; font-size: 11px; color: #2e2e2e; line-height: 150%}.rev10 img {width: 60px; height: 60px; border-radius: 50%; margin-top: 5px; margin-right: 10px}.rev12 {padding-left: 70px; padding-right: 10px; margin-top: -15px; font-family: roboto; font-weight: 400; font-size: 11px; color: #2e2e2e; text-align: justify; line-height: 110%}.rev12 img {width: 90px!important; height: 90px!important; margin: 5px 2px; border-radius: 0%}.rev12 span {color: #888}.stcred {margin: 0 auto; width: 380px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>
Add Comment
Please, Sign In to add comment
Public Pastes
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!