-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.html
124 lines (122 loc) · 9.3 KB
/
footer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>Mailtrap</title>
<style type="text/CSS">
#footerCover {
width: 100%;
height: 500px;
background-color: #313a45;
}
#footer {
width: 80%;
height: 60%;
margin: 10% auto;
background-color: #313a45;
}
#footerGrid {
display: grid;
width: 70%;
height: 90%;
grid-template-areas: "a b c d";
grid-template-columns: 24% 24% 24% 24%;
grid-template-rows: 100%;
gap: 2%;
margin: 80px 0px 0px;
}
#footer>div,.icon {
float: left;
}
#footerGrid>div {
display: flex;
flex-flow: column wrap;
}
.boldWhite{
font-weight: 120;
font-size: 20px;
}
#footerGrid>div>:nth-child(1) {
color: white;
}
.railsware {
margin: 80px 100px;
}
.grayFont {
color: hsla(0,0%,100%,.53);
font-size: 15px;
line-height: 30px;
}
.blueLine{
width: 100%;
border-color: #0080b6;
}
.grayLine{
width: 100%;
border-color: hsla(0,0%,100%,.53);
}
.aboutMailtrap{
color: hsla(0,0%,100%,.53);
float: left;
width: 57%;
font-size: 14px;
margin: 12px 0px;
}
</style>
</head>
<body>
<div id="footerCover">
<div id="footer">
<div class="railsware">
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="105" viewBox="0 0 108 105"><path class="border" fill="none" stroke="#616870" stroke-width="1" stroke-miterlimit="10" d="M4.146.657C5.794.407 7.474.535 9.13.514 31.967.51 54.796.52 77.63.51c1.672.03 3.417-.154 5.02.438 1.5.48 2.055 2.098 3.113 3.113 4.986 5.01 9.967 10.017 14.953 15.025 1.467 1.43 2.81 3.016 4.51 4.188 1.552 1 1.79 3.042 1.795 4.738-.004 23.608-.01 47.216 0 70.823-.004 1.62-.212 3.516-1.546 4.605-1.755 1.253-4.017.978-6.045 1.008-24.524-.01-49.048-.01-73.57 0-1.705-.034-3.495.174-5.113-.49-1.435-.487-2.028-2.02-3.063-3.01-4.57-4.584-9.13-9.18-13.7-13.764-1.05-1.086-2.63-1.743-3.17-3.25-.3-1.127-.294-2.305-.314-3.455C.52 55.504.485 30.53.515 5.557.388 3.302 1.702.852 4.145.658z"></path><path class="logo-text" fill="#FFF" d="M92.695 75.538c-.087.25-.214.483-.372.697-.856 1.152-2.372 1.59-3.76 1.71-2.013.173-2.713.417-2.733 1.097-.016.604.78 1.15 2.2 1.15h4.06v2.15h-3.947c-2.318-.017-4.618-1.25-4.618-3.306v-3.74c0-1.27-.087-2.118 1.012-3.077.887-.773 2.244-1.203 3.607-1.21 1.673-.012 3.352.51 4.184 1.558.222.28.354.562.433.846.17.616.146 1.54-.058 2.124h-.007zm-46.248 6.806H41.55v-2.15h5.98c.266 0 .51-.1.698-.258.493-.42.453-1.012.128-1.4-.13-.157-.333-.272-.56-.36-.48-.18-1.136-.282-1.656-.393l-.913-.193c-1.23-.265-2.404-.596-3.072-1.508-.92-1.252-.788-2.835.322-3.942a3.314 3.314 0 0 1 2.34-.962h4.86v2.15h-4.86c-.837 0-1.343.97-.853 1.57.31.38.9.52 1.402.63l1.583.346c1.39.302 2.632.363 3.466 1.864.962 1.73.036 3.782-1.74 4.41-.208.077-.42.13-.637.16-.495.063-1.084.036-1.593.036zm-12.67-11.167v11.17h2.21V72.73c0-.9-.158-1.556-1.395-1.556h-.814v.003zm0-3.462v2.146h2.21v-.594c0-.9-.158-1.552-1.395-1.552h-.814zm-9.672 8.483c.838-.53 1.918-.77 2.89-.854.848-.07 1.455-.157 1.87-.28.928-.27.915-.993.3-1.367-.35-.213-.99-.37-1.635-.37h-3.38v-2.15h3.27c2.558.017 4.617 1.163 4.617 3.82v3.225c0 1.275.09 2.12-1.01 3.078-.946.823-2.474 1.24-3.97 1.205-1.6-.038-3.602-.505-4.246-2.117-.16-.41-.24-.854-.236-1.3.003-1.19.5-2.233 1.534-2.89h-.002zm.993 1.95c-.497.56-.423 1.345.167 1.812.938.745 4.562.66 4.562-1.272v-1.883c-1.163.503-2.32.445-3.39.684-.49.11-1 .272-1.34.657zM22.78 71.22h-.937c-2.8 0-5.095 2.233-5.095 4.96v6.164h2.21V76.18c0-1.54 1.303-2.81 2.885-2.81h.937v-2.15zm15.022-3.505v14.63h2.21V69.268c0-.902-.158-1.555-1.395-1.555h-.815zm20.453 7.014l2.148 7.613h2.255l3.267-11.167h-2.21l-2.187 7.78-2.18-7.78-1.094.017-1.088-.017-2.182 7.78-2.187-7.78h-2.21l3.266 11.17h2.253l2.146-7.614.003-.003zm24.54-3.51h-.94c-2.802 0-5.096 2.23-5.096 4.96v6.164h2.21V76.18c0-1.54 1.3-2.81 2.882-2.81h.94v-2.15h.003zM68.29 75.696a7.736 7.736 0 0 1 1.756-.35c.85-.073 1.456-.158 1.87-.282.93-.27.915-.99.3-1.366-.347-.214-.99-.37-1.633-.37h-3.776v-2.15h3.666c2.56.017 4.62 1.162 4.62 3.82v3.224c0 1.275.087 2.12-1.01 3.08-.95.822-2.48 1.24-3.975 1.204-1.03-.025-2.136-.237-2.988-.78-.69-.442-1.21-1.11-1.376-2.01-.244-1.3.19-2.512 1.185-3.307.403-.32.874-.55 1.362-.716v.005zm.046 2.33c-.632.552-.623 1.397.01 1.9.94.747 4.536.742 4.536-1.188v-1.933c-1.172.505-2.282.446-3.342.688-.43.1-.875.242-1.206.533h.002zm21.256-2.32c1.655-.615 1.413-2.26-.627-2.478a7.095 7.095 0 0 0-.667-.035c-1.15-.002-2.563.342-2.563 1.7v1.573c1.387-.595 2.624-.303 3.857-.76z"></path><path class="logo-sign" fill="#04C4C4" d="M17.115 48.07L29.88 60.593H17.13l-.015-12.525zM71.31 34.155L91.26 53.74a3.976 3.976 0 0 1 .062 5.622c-.02.02-.04.042-.062.062-1.57 1.54-4.14 1.565-5.738.05l-.052-.05-25.738-25.268h11.58zm-13.673 0H46.06l25.74 25.27c1.57 1.54 4.138 1.563 5.735.05l.053-.05a3.978 3.978 0 0 0 .06-5.625l-.06-.06-19.95-19.584zm-13.674 0H32.387l25.734 25.27c1.574 1.54 4.145 1.562 5.743.046l.05-.047a3.98 3.98 0 0 0 .06-5.626l-.06-.06-19.95-19.584zm-13.67 0h-11.58L33.597 48.77c1.57 1.545 4.138 1.566 5.738.05.017-.015.035-.03.052-.05a3.98 3.98 0 0 0 .055-5.627l-.055-.055-9.096-8.932zM17.112 46.01l14.87 14.584h11.574L17.13 34.76l-.015 11.25z"></path><path class="label" fill="none" d="M17.02 17.042h54.5v7h-54.5v-7z"></path><text transform="translate(17.02 22.77)" fill="#FFF" font-family="'ArialNarrow'" font-size="8" letter-spacing="1.5">CRAFTED BY</text></svg>
</div>
<div id="footerGrid">
<div>
<div class="boldWhite">PRODUCTS</div>
<div style="width: 80%;"><hr class="blueLine"/></div>
<div class="grayFont" >Coupler</div>
<div class="grayFont">Jira Smart Checklist</div>
</div>
<div>
<div class="boldWhite">EXPERIENCE</div>
<div style="width: 80%;"><hr class="blueLine"/></div>
<div class="grayFont">Open Source</div>
<div class="grayFont">Railsware Blog</div>
</div>
<div>
<div class="boldWhite">Mailtrap</div>
<div style="width: 80%;"><hr class="grayLine"/></div>
<div class="grayFont">Pricing</div>
<div class="grayFont">Changelog</div>
<div class="grayFont">Status</div>
<div class="grayFont">Terms of Service</div>
<div class="grayFont">Privacy Policy</div>
<div class="grayFont">Navigational Information</div>
<div class="grayFont">DPA</div>
</div>
<div>
<div class="boldWhite">CONTACT</div>
<div style="width: 80%;"><hr class="grayLine"/></div>
<div class="grayFont">email:</div>
<div class="grayFont">support[at]mailtrap.io</div>
<div style="margin: 10px 0px; display: flex;flex-flow: row wrap;" >
<img style="width: 20%; height: 90%; margin: 0px 10px 0px 0px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Facebook_f_logo_%282019%29.svg/150px-Facebook_f_logo_%282019%29.svg.png"/>
<img style="width: 20%; height: 90%;" src="https://upload.wikimedia.org/wikipedia/en/thumb/9/9f/Twitter_bird_logo_2012.svg/150px-Twitter_bird_logo_2012.svg.png"/>
</div>
</div>
</div>
<div style="margin: 0px 300px; width: 90%;">
<div style="width: 100%;">
<div style="width: 78%;"><hr class="grayLine"/></div>
</div>
<div>
<div style="float: left; margin: 0px 95px 0px 0px;line-height: 45px;" class="grayFont">© Railsware Products, Inc.</div>
<div class="aboutMailtrap">What is Mailtrap?<br/>
Mailtrap is a test mail server solution that allows testing email notifications without sending them to the real users of your application. Not only does Mailtrap work as a powerful email test tool, it also lets you view your dummy emails online, forward them to your regular mailbox, share with the team and more! Mailtrap is a mail server test tool built by Railsware Products, Inc., a premium software development consulting company.
</div>
</div>
</div>
</div>
</div>
</body>
</html>