Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

46 Zeilen
1.7 KiB

  1. import React from 'react';
  2. const Newsletter = () => {
  3. return (
  4. <div className="free-trial-area">
  5. <div className="container-fluid">
  6. <div className="row align-items-center">
  7. <div className="col-lg-6 col-md-12">
  8. <div className="free-trial-image">
  9. <img src="/images/free-trial-img.png" alt="image" />
  10. </div>
  11. </div>
  12. <div className="col-lg-6 col-md-12">
  13. <div className="free-trial-content">
  14. <h2>Start your free trial</h2>
  15. <form className="newsletter-form">
  16. <input type="email" className="input-newsletter" placeholder="Enter your business email here" />
  17. <button type="submit">Sign Up Free</button>
  18. </form>
  19. <p>Test out the Machine Learning features for 14 days, no credit card required.</p>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. {/* Shape Images */}
  25. <div className="shape2 rotateme">
  26. <img src="/images/shape2.svg" alt="shape" />
  27. </div>
  28. <div className="shape4">
  29. <img src="/images/shape4.svg" alt="shape" />
  30. </div>
  31. <div className="shape7">
  32. <img src="/images/shape4.svg" alt="shape" />
  33. </div>
  34. <div className="shape8 rotateme">
  35. <img src="/images/shape2.svg" alt="shape" />
  36. </div>
  37. </div>
  38. );
  39. }
  40. export default Newsletter;