From 7f7b6e17c84bfd65a61c5184a5cb641789b9923f Mon Sep 17 00:00:00 2001 From: larafa Date: Fri, 30 Mar 2018 09:29:17 -0400 Subject: [PATCH] email design template --- frontend/src/Email.html | 39 +++++++++++++++++++++++++++++++++++ frontend/src/styles/Email.css | 37 +++++++++++++++++++++++++++++++++ 2 files changed, 76 insertions(+) create mode 100644 frontend/src/Email.html create mode 100644 frontend/src/styles/Email.css diff --git a/frontend/src/Email.html b/frontend/src/Email.html new file mode 100644 index 0000000..503fb2e --- /dev/null +++ b/frontend/src/Email.html @@ -0,0 +1,39 @@ + + + + + + + Document + + + +
+ CryptoCards +

Greetings,

+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis, nunc in ultrices condimentum, nisl tellus porttitor + augue, non semper neque mi quis mauris. Vestibulum vitae euismod odio. Nullam tincidunt ornare volutpat. Nulla vitae tempus + libero. Duis dictum pulvinar laoreet. Vivamus lacinia orci tellus, at fringilla sem sollicitudin ut. Nullam tempus tortor + orci, vitae maximus massa congue non. Donec nulla nibh, dignissim et sagittis sed, euismod a lacus.

+

Sed in nunc et purus + posuere luctus. Aliquam vitae libero iaculis, dapibus eros a, mollis diam. Nunc in purus quis mi mattis vehicula. Praesent + molestie erat tincidunt turpis suscipit, sit amet tempus lectus congue. Etiam scelerisque, ante ac convallis egestas, arcu + ligula scelerisque odio, vel laoreet lorem lorem viverra justo. Nulla hendrerit, dolor eu ullamcorper ultricies, mauris augue + tempus dolor, a molestie nibh libero eget nibh. Cras aliquam nec odio eu dapibus. Ut ornare mauris vel dolor lobortis, eget + consequat dolor dapibus. Aliquam erat volutpat. Nunc at ultricies urna. In mauris metus, suscipit vitae egestas quis, suscipit + id neque. Vivamus hendrerit maximus efficitur.

+

Etiam venenatis, ex ut pretium consectetur, nunc dolor pharetra dui, sed rutrum + erat orci ac lacus. Suspendisse viverra ex non felis imperdiet congue. In blandit et felis at mollis. Maecenas nibh tellus, + laoreet sit amet imperdiet tempor, euismod egestas velit. Sed gravida, orci porta ornare fringilla, massa est pharetra nulla, + nec gravida ipsum orci non nibh. Donec tempor turpis in enim sagittis consequat. Integer viverra orci in libero ultrices, + id cursus enim eleifend. Ut nec turpis odio. In hac habitasse platea dictumst. Cras fringilla pellentesque sollicitudin. + Etiam at lorem non urna mattis laoreet. Integer euismod magna mollis lorem venenatis, nec commodo tellus volutpat. Nullam + sed leo aliquet, interdum neque id, efficitur ipsum. Donec consequat orci vitae justo blandit suscipit. Sed facilisis ipsum + et tristique vehicula.

+
+

Thanks,

+

Your friends at CryptoCards

+
+ + \ No newline at end of file diff --git a/frontend/src/styles/Email.css b/frontend/src/styles/Email.css new file mode 100644 index 0000000..26e4e6e --- /dev/null +++ b/frontend/src/styles/Email.css @@ -0,0 +1,37 @@ +body { + background-color: #404040; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + text-align: justify; + padding: 40px; +} + +body div#letter { + background-color: whitesmoke; + box-shadow: 0px 10px 100px rgba(24, 24, 24, 0.2); + width: 60%; + margin: auto; + padding: 180px; +} + +body div#lettercontents { + float: left; + padding-bottom: 50px; +} + +body div h1 { + padding: 18px; +} + +body div img { + height: 80px; + width: 80px; + margin: 20px; + float: left; +} + +@media (max-width: 600px) { + body div { + width: 95%; + padding: 20px; + } +}