Create card.md

b1/card.md

@@ -0,0 +1,59 @@
+**Using Card in your Website**
+
+Make sure you have a section placed on your page.
+
+<img width="1218" alt="Rows 1" src="https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/f0fa9c40-d1ab-4c32-ad11-474543ed8dc1">
+
+<img width="1210" alt="Rows 2" src="https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/3c251b2d-bafe-4c61-8379-e39b184e22b1">
+
+Set the design of your section and click save.
+
+<img width="1210" alt="Rows 3" src="https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/0b8845ce-20af-44c5-8c15-f5e8996a8184">
+
+The Card element makes a nice graphic/text card on your page. To demonstrate it we'll first set up three rows on the page. The Card element will work on a full page but you can see the card effect better when there are three equal rows.
+
+Choose the Row element.
+
+![Card 1](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/3ef95272-bc79-441b-aa89-441548ca6497)
+
+Drag it to the section.
+
+![Card 2](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/77bdca6c-5a49-43f8-9b6a-92fc4c094849)
+
+Choose thirds from the common options.
+
+![Card 3](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/74d100d6-e0da-4ff2-ab3a-99b2917adc11)
+
+You now have three equal areas to work with. Drag and drop the Card element in the first row.
+
+![Card 4](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/9fff27cb-b2a1-4d31-8945-614d297bada8)
+
+![Card 5](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/c1776d3e-b8fd-4444-9270-5d64b346a0dd)
+
+Select a photo.
+
+![Card 6](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/a4a62b37-a8e0-4d57-9935-5c8e90a78152)
+
+You can choose from your gallery, upload one from your computer or stock photos.
+
+![Card 7](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/fdca1295-17f6-49aa-9277-a221dbc7fec4)
+
+You can also choose your aspect ratio. (I recommend using the same one or free form when doing 3 equal cards)
+
+![Card 7:1](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/6ba46ca5-30d5-4493-b29a-cbf86e070a4d)
+
+Fill out each box with the information you want.
+
+![Card 9](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/69b5768b-7fa4-49b6-b111-244304daed70)
+
+Be sure to click save.
+
+![Card 10](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/a3a43b72-ff9e-4948-8722-ef4ffd88a293)
+
+Drag the Card element to the next section and repeat the same steps. Do the same for the third section.
+
+![Card 11](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/712ffa05-12a6-4f87-9e05-f08f8d09cd80)
+
+The final product is three cards on your page.
+
+![Card 12](https://github.com/LiveChurchSolutions/ChurchAppsSupport/assets/127863068/3e8d5de0-d426-47c5-bf69-ee1a1264fd64)