art: notice for hiring me as photographer

_sass/_layout.scss

@@ -228,3 +228,13 @@ hr {
 .art .post-content:hover .image-details {
   opacity: 0;
 }
+
+.notice {
+  background-color: #80c4d5;
+  padding: 1rem 2rem;
+  border-radius: 3px;
+
+  p {
+    margin: 0;
+  }
+}

art.html

@@ -3,6 +3,15 @@ layout: default
 ---
 
 <div class="home art">
+  <div class='notice'>
+    {% assign email_body = "Hello Mahdi,%0A%0AI am looking for a photographer for <please describe your event / goal and the timing, if you know it.>.%0A%0ABest,%0A<Your name>" %}
+    {% assign email_subject = "Photography Service" %}
+    <p>
+      If you want to hire me as a photographer, send me an email to
+      <a href='mailto:mdibaiee@pm.me?subject={{ email_subject }}&body={{ email_body}}'>mdibaiee@pm.me</a>
+    </p>
+  </div>
+
   <ul class="post-list">
     {% for post in site.art reversed %}
       {% if post.published == false %}