Рамка для текста

Подкиньте пожалуйста примерчик блока с текстом красивого, в плане что бы там и эффекты какие то были при наведении, в общем всякой всячины, на примере разобрал бы как можно создать красивые блоки с текстом.

Вот есть такой пример, когда подучишь норм css то ты с ходу будешь делать что то такое за минут 15-20)

<div class="container" style="margin-top:200px; margin-bottom:200px">
<div
class="row" style=" padding:30px;">
<div
class="col-md-4">
<div
class="col-md-12 box">
<div
class="image_container">
<div
class="text_container"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere at quaerat possimus, doloremque atque, officiis dicta nesciunt corrupti earum sit suscipit. Doloremque omnis voluptas molestias ipsum earum vero quas maxime!


<div
class="col-md-4">
<div
class="col-md-12 box">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis ducimus nisi neque iure debitis sapiente, est perferendis enim consectetur possimus recusandae nulla sit excepturi commodi ut temporibus cum ad. Ex!

<div
class="col-md-4">
<div
class="col-md-12 box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum aliquid est mollitia atque libero excepturi facilis ducimus vel! Fuga esse modi consectetur cum cupiditate amet ipsa deserunt harum? Consequatur, quod.


body {
background-image:url("http://www.handy-logos.de/demo/720x1280/1425393668.jpg");
background-size:cover;
background-repeat:no-repeat;
}

.
box {
height:auto;
width:auto;
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
background-color: rgba(0,0,46,0.3);
border:1px solid;
border-radius:10px;
color:white;
transition:1s;
}

.
box:hover {
background-color: rgba(0,0,10,0.9);
transform:rotate(2deg);
}
.
image_container {
background-image:url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxAQEhUQEhIVEBAPEBUVFQ8PFQ8QDw8PFRUWFhUVFRUYHiggGBolGxYVITEhJSktLi4uFx8zODMtNygtLisBCgoKDg0OGhAQGi0dHR8tLS0tLS0tLS0rLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSstLS0tLS0tLSstLf/AABEIALcBEwMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAACAAEDBAUGBwj/xAA9EAACAgEDAwIEBAIHBwUAAAABAgADEQQSIQUxQRNRBiJhcTJCgZEUoRUWI1KxwfAHJEOiwuHxNGJyktH/xAAaAQADAQEBAQAAAAAAAAAAAAAAAQIDBAUG/8QAJREAAgIDAAEEAQUAAAAAAAAAAAECEQMSITEEE0FRYRQicYHh/9oADAMBAAIRAxEAPwCUCPiFiLE ps VGxEBCxHAgIHEfEICPiFiBxHxCxHxAAcR8QgIsQAHEfELEfEABxHxHxHxAYOI I8UQDYj4jx4WMHEfEePiFgNiLELEfEVgDiPiFiLELGDiPiFiLEVgDiPiFiPiIYGI IWIxMLAWIgIwMLfJbKSHCx9kDfELJFl0HsjR90UVjozcRYh4ixN7OcHEcCFiOBCwBxHxCAjgQsAcR8QsRYhYA4j4hYj4hYA4ixDxFiFgCBGMMiQ2PCxpCLQS8r2Wys okuRahZoepF6szP4iENRFuV7Zqq8kVpm13ywl0exLgXY8gSyGHhZNEuI ICtJBCwobEfEfEULAbEURMjZ4rKSCZpCzwXeQGyS5FKJObJG1sgayQWWTNyNlAt tEL5m2XYgC7mZuZaxm2LYpQW/iKG4aF/EWIeI J1WcIGI IeIsQsAcR8QsR8QsAcR8QsRYhYA4j4hYj4hYUDiLELERhYEVkpah5avaZeqskuRpCJU1N JmW63mD1HUzFa/mcmTLTPQxYuG0NXDXVTEW WKrZCymjxHQUXy4lswtPZNCuybRmc88ZqpdJVumWLIaWy9zJ4zZqslmszL09s0KWlqRlKNFqAxhqZFYY7JoiseVnthXPKdjyXI0jEla6RM8gZ4g0hyNVEdnkNjwnMqXPMXI2jEK5siR1kwQ YyNzM3I0SNBDxFIVfiPCyaOlxFiHiPidtnm0BiPiFiPiOxUABHxDxFiFjoHEWIREBmi2DUUeRb4vUhsPUlzBZpG1kr3XxbDUAdS8xtU7NwoLH2HMt6i9QNzHC AO7fb6fWYOq11l7ejVwD VeAB7sfMzlI6cWMp67SMT89tVX0dyzfsgMpf0Yp7aqgn6 uo/fZOy0fw tFe7b6jvwxPLY 3t9JjP8ADen9QsxcIefTTAwfPucTCWO1fn zshkS54MW3pWoUbgouQfm07LbgfVR8w/USvptUD5no/TPgKlSLCHrP5cWtlvPBBx k0ep/AGl1SkNu02pA XVD5g7eBcv5h9eD9ZzyqPhmyt TgNK80ajM23RX6O5tLqU2XV/qrofwujfmU44P3BwQQL1bTWEzCcelnMdXkPqQEfma7Gepr6ZpqUPMTTvNCm2aRkYTiaweBYZVF0c3StjPUivEpmXXbMruoktlpEDCR4h2CMJLZokRuZSvMv2LKl6ZExkaxKe SIcymz47ySq2YbG2ppLFIBeIpexOp2m6NulL1jGNxnbZ52peDQg0zv4gw11MLFqaQIiOJRGpibUwsNSy7ypddILtXM7UayJyLUC 2okf8TMS3qIHmRf0iPeRuaLEdA2plat/Vs2eACzEf3R/wDvA/WYt/UgB3nRfB iZ9FZq8Za24ov1rQYP/MW/aRPLRrDDbJH6YmoU7xgDjcvBUf3Vkun6ZXW 5EVRsUe3Azj79 81jVsUIPHn3PkysygWd Svb6D6zP3vk29nwSVpIv6Nzaliko4bkqSMj9PP68 ZZqHPbg xMvV6diMjO5Tz55HIOPHg/rMXmo2WIuUVN3yNv09u4yBwRz7D7ma40/qV4PcY7DyOZXuoCqrqN2SBjOBtYBgf0Bx kvaRlUjPHHkjHsMTncvk3UaMT4z Fh1DScD/e9MC1L8bj5NTH 62MfQgHxPG9Lfkc8EdweCD7ET6OqtG7Hv/j/rM8A/2iU/w3VNRWAFWwraoHHFigsf/vvl4chnlgULL4K3zLu1MiXU8zdzMlA6fTX5mjVdOX0momnXqDLjMzljNwXQjbMlL5Ot003MnjNBXhFpXqOZOBHsTqC6SMCSZkZbmLYdAOZS1DY/WXb 0xtXYZDkXFGZrb8GRJrRIOoWTPFpnNJqzrjHhtHqEUxvViitFanq4BhFGm8ujBmn034Z9Wv1GfbnO0AZzjjJ/Wav1BmvTo470jGNZm g2kg9wcGR/wcF6gT9OjFCkeIe0 026tDnxJG6efaN oF mOZerPiVrtJnxOwr6WSN2OBIBogfEzlmbLjgSOFu6Tu8SP hB9Z36dN9xI20AXkjI kjdl 1E871fRODPSfg7QmvpWnUDj 0J 5usMB9BW4I k6v4X0YXSrSf8AhMw/QsW/6pE5tqi4wSdnK3rgyM1ZIPfGeAMnJ8zc6to1GWBwAT3mMME4559uf5eZSeyE1TAVwp Y4 j7h/Laf8Z0PTRuK VtG0kcDcAShAGfG4d/AmRUccK4/wDiWuqP7Z2D c2tBWShXbtYLuU5QhnU7lOVUKeVHn/GTJFLpfoQBfTzu4wCT/dOe T33H9pOlR/l Hz9/8AWZFgZFisSHKttOONwI/6h3jbyBt 4 31U Pt/OZMspazUEEEcDcee5wAPr75GJ5j/th0D29RrsXjOgqz9xbf/liek6vC/M48ngcHsMd/vMv4o6O9 oW1RuHoIox5Ay3 LGOHOil08Ov6VcJANBcPy5 09kf4WYjJUgnxjzA6b8Em5WbIr2kgZ55l7k6HlOnSwd1Mu12t7H9p3K/B oIyFyfb3HvmQ3/D1qH5lwftLUyHCzlRafYyzTbnwZ01XRT5EkPRdvYSlkIeIxtPbgS5XcJfPSm8CEOnN/d/aaLKjJ4WZ7ODKV1gz3m1ZoSPErW9IYjOzEHlQLEzFs1UytdeD2nSP0fPdJSv6CG/KRIeVGixNHGa8yhmdfq/hJ 6k49j3lD qtnbBB szckapNHP5imw3wvf9f2ii2Qz3B9MyBckZf8AJ5C CZt6DX/w9e18OqfmUjgMTwR7zhOt6A16Wu4akg7sWWsclizYGEHPg9vaR9P6ZqFDbjdYCPlT5K3sDnAYhm XHfJ nvK9u1bYbd8HT6nULaz2L2ZsBc YtXWURWX5iTgjtgzn/wCsdVf 42VNSyYBt3BrGtGeQwH1xxKPxcLq7Faiwsm07iWARGGOC cEnn9oRx9UQcuWdRcl4D7doIUYOeGJ8SrpqdZgFiDuGdvPceBMeijW1FEsVtQl3pttJWsqWA2hfmyDknOeAMHiHo/ie u9KgEpRQf/AFNitXWCCdxI554wO/IlLHLwqYt188Oko1dtimsVlcD5m8ADvzIf4F3Iw xc45847zi qfFeqRjXXaGXJHqIMCxc8cZPMqabqPUdWNod3qV/nZSi7M5zySMnGeJa9NKrfCXlj/J6IKCGNZsUqcjcTjA98SXXXUGuovfWhqBVnBGxwoypwPf/ADnlITU2MUw5ZVZsMcfIp Ygngj7TV0Pw416Ukaius21uzpYwyjhj6a44xuXHc8c/aN4EuuQvcvwjtKa9PayWC9UDKfx8fMPP2m/03VV6e302uVvWCjv2bx/r6icRpunVVOpa5bqgjKpJ9PY5Oxty7TuG0vz4wOJDb8Msrhjq99go9RfVXK2MndAFJO0YI/SZ6p/JWz jverafa D2bt/h/kP3mFZpPI57/4xuifEatp1q1rOLEGf4hq2VayeVU /APP/tzLZfI3oyvW3ItRgyEdiQR47zOnHhfJEekdnwpzuAz8wSwHA8bsEfoZrUPYh bkZz8pJ/fdk/z8TN0jVhtzbz5BAxn349uTL/rowO1vcYI5GTk5ikxpFhLQEIB/CTgfTO5f2BH7QNfrRW2SMAoDu8NyQR9/of084HThQpAIOee6nG3AJ7zE60WNgOWdSDsRTj1NuSV7 3 syYq2NuiLq/UlBX1G2V5BY98Bjkf8u2arfGugHIcHAACjwOw5nk3Ves36u0k1tj8lIU5H1IHnxjxLXpaezTVtp6rzeFJvJqeylxuxlGUEDyP 87P0ypbGHu94d/Z8e0O/poC6n8xGApz7/abv9YtJW2HcV5UEr37jieJPalpzT8jO6qKlGe/HHPvOg0vS9Lf6VCPYmsFo9Vrs4NQ4fCnjg4x9jFk9NGNdHHK38HrK9RqZBZUVYHgYIAH3gWKb0wFDH6Edx3 04PUdFNNFjanVivTBsK1SA22WbvlAA5yQAeP8pL/WZk01dVN9Vdtlm2u3IUfw472Wqfwk PsZze19dNN/s7P i6yBlcMDyJFZ0sKMntg8Y5mB1p9fsr9DUJYyrm9htCUpjcHLZ5JAJxjt/PN1nxbrKNKt7k2ubzTsCbQoKhhY3GSrLnB 3vBY2/AOaR2nT6tPaMIPmX8QPBH6Sd9GgB XsZh67rVWnAWxbKtQfTwKwGbUFgMlFH4gu7kfQypd8f0VuyV126g1j 1JUo1ZBw25CMjmTpJ EVskbg6Ur/N2IPb6TSOgTbyAeJxlf 0jp9u75bazwBhcszduMEgczrulag3UgqrDdyGt4P295MoSj5BSTMu3o6jPGRAHTEK5HH395dHVxVY1N5C2envUDnKElQeOwyDK9XV9NhRZdWhb5tu4A4z9YmmNNENHRRYP 0DU9CAHC5x9JdXrtdYdlKtUo3GzOQg9yfabFV/qVBqxn1FBG75cg ZLQ7OZToi47D9o81Gd0O0lQR7kRQD jx/ovUrqsqtfqemwYq2MKVJ8HySeR3OB7TTHxPctm 6lVZlGML6Y2fiUHH24H0 nHK1s6vtDKSy7sqwIIZMnJ98Eg czQ6l1LV6qhUZwyU2FimRud2Bwx55wNwGPcz2J4U2ccclI3b/i0X4W1FZK24BUtZjwu4ngcDx4B5M5/UdSUpjYN5JDElirVggquzt3Gc8kkk57S5qPhfUDTG8OjmvDelWckVMu7fnyO4/SUdPoK7KDYLUUqiFiwZmFnqYChfAII55Hy MxQjBeAk5PjLPS tlLA9ii4D8lhLVgZGCAexGPt9ItRbpX1b2c lcwciwb2rfdkjLPllz355BI4Eo1IXxUpB3tg nwGA5HGOefcynaNhIOTg4yeCZqsXbRDnyjc6p0/SVH1E1HrKbCBQNwcV4Pz oOM5zhcccdxxLPRet6kn0Rhk28ephUqHyjeSO4Axn6AccCZGn2GptuN7EAI2PmA5Jz49pFYRyVcgHbwAQD8uDkZ7g8Q0uNPotu2uGp1DXWq70asn1FHyshrVa92CChx2IAB9/rJ0r2016ytC1djPTlTkLYqYL4Jz3yRkjt spaPqyqUZ0Fr1Iyjdgggj5R hlzq vvvrrqrq9OtcEoh7s4UAn9VP74mTi KjRNdZGmh1dlYuCjbady/OMpgt8rZ5DYBbv7HzINF1XU2HKPk7WPzbTxjBAB7sRxgcmWOi9YbT4Rqy1a2ZsyW5G0oVPj8LEZ7895Tq1Olr3Gusmw2bkdidqJz8gUcHGeD9B25y0nbTX8Ba8pmhrdfrdgtuDrW Rv28KA2whsfgyxxzyc YrNFcEFoss2WAWB6skHPHJBGWySCO4/WU9B1iyoembCaG3bqmAsU7hg5U4BljUdYwoWtGCH8LWMzsANo2huOPlHHjJEWkk6SHsqsvDqowrLqLFYIAwIRkyOCSrcjPB/U/aWbOpPfTddpa3sTT49RrGTcoweyj8R88dsTGTWpWo3VVt6v4gox244I7fpL3SutUaU2ejUFqtUbkcm7cynK/iHPOe e/tIlirwhxn9sPTdd1rrVcEyLQ1dNVarlggDOVBGAPlHc5PfBGZtXfEi70UVs9micllr Vw7qV Wsd8ZbcoBHB57GS9A MFZFS1aVWs5VQCLEAxlye2e/bGckTI6v1lKta91OH Xm3O31SQSMAdlUEAL7qDzxMdW5VrRpxRuwdR8So1v8QE9EONhtKruXABK7OQgON2PO489zLfTfjumpQg dK3 VRvrJrw24Oc7fORjPeA vFOwnS6egFA2bUDWsQzNuwOcuHxk xlnUdU0GqKaO7Tfw4e1mR22qtVlzHcxGBk/OTz5x7RtLxqCX5MnVdXRrTZo9KjFad1jikXOio25nPGAe2W o5m7WCLGs13phi2yqtkXYlrAILCg2/2e192d/vjmYvUNJboRqqV1gDM DUiLU1hIxnA427COBxk47y58N6/SKps1K7zUyIiXlbSdRY21rTnv Ik wHmOS/ba/wBEkrpl9OiWlrMCmltGLbVStrdRc9hGOd55Xao4wDyoyMGYXUuu162m0WaIWX1rWLLKECmrOVGCVJz3AOPt7yBaGUanNw1mnqcV2OLMNZTYGJAB Y4Y1sW7ZUjmdn8GdOauoV1oKle7BvpsawWbSzZK2L8qkZx5/DzwDJb1Vvo9U HD9S62LKU0 n9XR0v8rVOW9O2vCruzj5jkc eZt9J6rq1rqLWKabL1pJrVnurQBq0bLDsWwuOTzKvxL1DS6zVNTqTspodgmoqrdLCflBGDwQwXvjHCzGrs6eL3rZ9Q9KWBqmdwOSpyCy8r8znkc5HJ5ImuqlHx SKp T0h2076uy8XJ6mmqIDLsLlGqGShU7u2OMY4zznnm/ht99V1zvVqmF1xenT07b9QidmQLzlypIByP3zOWfqQT09O7H06MrvpGHZGGSMlV3bWyBnuP51dP1JKmG1FtC2bi1gXdYAxwM4 UFduRyMgnyRCPp3QnNWdDqfjwlnerS1VeoB6m6tCxsxg8kduAefaVNL8Y671Eta12WkAEDhSpJIDADHOcZP Up9G6fp9Zc6vYdHvbfX CytF ZmDA44A285Hnj2C5tmru07L6tdZcKtlyj5a13LusAAYAKMqO MA9jNPbxq1XSLlV2el9F OqNSLDeFpIQ527mbYPqBnyZl9Qv0GucOlP8AE3WUKflAL1pXnAGSMNuGCMHgn2nJaLpTW0nW0Jp9qhkbT2/2tqNuRN 2wndnfkHxtxg5wdLrvVNZo7XqN6uKVQV8Dc6snp2MAPwAMuNre/GeZzvCtv2 TVSdW/B1Xw/1UWA6c6DZurVdqo9ZCBiAt29RngM3y7uI u1D2PY1N1ibKgoq3/MLPU2vYq7vwgfX7ThKvjLVV4Bs9RBg/NyFzjcBn749u/idOnxVo3022y19xrNAWtdl1a2Bd9inONy4wpH90cCTPDKLtocZJryR2dTsDOr6fXXultiG5H2JaEdlDhSvAIAOP8Ypv6CjRPWrpTdajZKufXsJBJON2Ocdv0ik7r6H7cvs8ZFa5/F9iI4sAPHt4kDPGzPVs46LXrvt2biF 5wR7SEHHHeRqYSnmHEMuLqztVcAbCSCowST7 8rl/1 /JgMDnA8w7aShwfvABfSInHEjwSeITqwOPpEASPiXNPeWPJwQO/k/SZ PPiGzjxxCgNgamnczOCSx5rQ4rxj9 8qLbWBhFIOSQ/dvtKIbmSG7B44 kEqCx6355GQD294d1xPbIXwoJ2g cSu9v8AOJbPEpUItfw77N/5R9eRBRz7/pIGtJ4/8RV2lTxARJvzEG8f JCznMW6FIZcs11jMGZyzJjaSc429sfaH1HXNqW32sSQMfT9pnFoReKkO2amr6n6lVVZyXqLZc4wR4A/l 0qraMc85OcfX3lQtEDBRBsvrryqsg4Wzuo8nxn35nVdMu11mkttF7ULo9gdRlXfcFIP22OOfacr0aytb0e4f2aknGM5I7TV6d8RbNTqG/4OqJG2wtjA4Ut gx sxzQb4kaY5JeWLrmivuK9QcN/B34CtlWtWsDgkYA55/cTH6dq7q7A2nG 1CdrbQ23II3YPY4PntJrNZaFFPqFqa87F/KB9pHotd6W7Zxv4YjuV8gHxLjFqNMlyW1o6fUfDP8ZTprH1JTWOSt5vZWxydoUA/Xiclq6BVbZU5yabCmVG3dsOMkeM4mhpw2psJqW1nBDAqxJDD82c8H2kfxP0Y6Z/UBJW0nIckuH XJJ85JMjG9ZatlT6rSNH4I D36iLbiSlFZNakHDPcRkY45UZGe3nngwL/hBazfV6z6jU07lWupEUFxswXLE4Xl BzwO3mroOrarR1GhLCi2P6hRSRtbAGQfGcDt7TPPULBuwxDOxYuC24se5JzzHrk2bvnwK46rhXV2GBypXj7EH3 8NKzcxJsCsRndZkhjwOTA9TAAPP09hGNgxgdpvSMjsn6f0utK1Au1Aooey65C219TZtWms wJGOO3H1M5Gmm1sVrWzufyryW 0Fb2AI3HBxkZODjscfqZZp6k9bCxThl7eJkoa32zRy2/B6T0fo/XKaUrWnTqFHCvbbvAJJwdr48 IpgdP1WturW0dRrr3Z S3VNW64JHK547ftiNOFxlfaOlSVfJxDCFiBmOzTvs5aEO JLW2JGIgY7Ci9pbQTA1FjFiT28SrW0cv8AtFYUEXiayMp4kboe8AocGHgdzAVREfrGIJcZjsJEpj5MLHQswlMjjjMEINmiEDEcmMCQkdotokUIGOxUPxH3CAQIyd47Chy0kNZIz7k8Z54x49uYDCEDAAj2x7QQYJaLMQEtZzwTxJ2qRTnORKYhv7ZgBrdK JLtIHWnaN/5mBJHMo6rW22YLtnnOPAx2wJSxDJkqMU7ro23VEmosLHJOeIO0AZyDuJGPzDGOSPY5/kYIxjmAspiCJGe0YuTxjEZYxaFgLP8o2 KEFEAEFEUHdFAKHjRAwgZnRYwMcwD3hHmAB0Ngw7nzIgY YAGrxrWMCFmOxAKDDu7QSDCYcQASgYgZjxCOwGHMMQHOI4MVhQiYJaImDFYwgYgYlEcCUILEURiMLFQ YxMYRiYWOhzFmNmKFgGpjMYwijEOYIMWYwEADMDtH3Ygj3gAuYlEIGCYAIn9o BYcwgIgBCx5JgRoagRlo4MUUys0oHMPMeKFhQwMQaKKADgxt0eKMQ 6INGijsAmjAxRRAFmNGijAGOIooITFmOIoowCjZiigwGBjRRRDHxGiilCHBxFmKKFiGMQiijBiMcmNFGhMW6NmPFJbGNHiihYUNuiiiisdH//Z");
background-size:cover;
height:100px;
width:auto;
margin-top:10px;
border-radius:10px;
}

Надеюсь ты понимаешь что тут подключен bootstrap и когда захочешь у себя потестить то тоже надо подключить)