Unverified Commit aad5c009 authored by zapashcanon's avatar zapashcanon
Browse files

better index style

parent 4744b2de
.icon-list {
padding-left: 0;
list-style: none;
}
.icon-list li {
display: flex;
align-items: flex-start;
margin-bottom: .25rem;
}
.icon-list li::before {
display: block;
flex-shrink: 0;
width: 1.5em;
height: 1.5em;
margin-right: .5rem;
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
padding-top: 3rem;
padding-bottom: 3rem;
color: #5a5a5a;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
bottom: 3rem;
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
height: 32rem;
}
.carousel-item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
.marketing h2 {
font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
margin-right: .75rem;
margin-left: .75rem;
}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider {
margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
/* rtl:remove */
letter-spacing: -.05rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 62em) {
.featurette-heading {
margin-top: 7rem;
}
}
<h1 align="center"> Harnessing Cutting-Edge Technologies</h1> <h1 align="center"> Harnessing Cutting-Edge Technologies</h1>
<br /> <br />
## State-of-the-art languages for modern solutions <hr class="featurette-divider">
## State-of-the-art languages for modern solutions
<br />
We have years of experience on the research and development of programming languages, formal methods techniques and tools as well as their application in industrial settings. Let’s achieve bold projects together! We have years of experience on the research and development of programming languages, formal methods techniques and tools as well as their application in industrial settings. Let’s achieve bold projects together!
<br />
<br /> <br />
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
...@@ -24,9 +26,10 @@ We have years of experience on the research and development of programming langu ...@@ -24,9 +26,10 @@ We have years of experience on the research and development of programming langu
<p align="center"> <p align="center">
<a role="button" class="btn btn-primary" href="https://calendly.com/contact-ocamlpro">Let's discuss your projects</a> <a role="button" class="btn btn-primary" href="https://calendly.com/contact-ocamlpro">Let's discuss your projects</a>
</p> </p>
<br /> <hr class="featurette-divider">
## Prototyping software solutions for you ## Prototyping software solutions for you
<br />
We design and implement reliable high-value solutions for our clients. As a challenge-driven team, we can find with you the most elegant and efficient solutions to optimize your products or create new ones. We design and implement reliable high-value solutions for our clients. As a challenge-driven team, we can find with you the most elegant and efficient solutions to optimize your products or create new ones.
...@@ -34,6 +37,7 @@ OCamlPro has a record of outstanding technological achievements and success stor ...@@ -34,6 +37,7 @@ OCamlPro has a record of outstanding technological achievements and success stor
We cater to very specific needs. For example, we can translate a “black box” application from a programming language (Go, Coq, Cobol…) to a comprehensive language for your current team. Whether an ex-employee or a contractor coded everything in a language your current team hasn’t mastered, or it’s running on a legacy language, we can provide assistance. We cater to very specific needs. For example, we can translate a “black box” application from a programming language (Go, Coq, Cobol…) to a comprehensive language for your current team. Whether an ex-employee or a contractor coded everything in a language your current team hasn’t mastered, or it’s running on a legacy language, we can provide assistance.
<br />
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<p><img src="/assets/img/logo_opam.png"/></p> <p><img src="/assets/img/logo_opam.png"/></p>
...@@ -101,8 +105,12 @@ We cater to very specific needs. For example, we can translate a “black box” ...@@ -101,8 +105,12 @@ We cater to very specific needs. For example, we can translate a “black box”
</div> </div>
</div> </div>
<hr class="featurette-divider">
## You're in good company ## You're in good company
<br />
<br />
<div class="row"> <div class="row">
<div class="col-lg-2"> <div class="col-lg-2">
<p><a href="https://www.janestreet.com"><img src="/assets/img/logo_janestreet.svg" width="150"/></a></p> <p><a href="https://www.janestreet.com"><img src="/assets/img/logo_janestreet.svg" width="150"/></a></p>
......
...@@ -4,7 +4,7 @@ let render_unsafe ~lang ~title ~content = ...@@ -4,7 +4,7 @@ let render_unsafe ~lang ~title ~content =
<head> <head>
<title><%s title %> | OCamlPro</title> <title><%s title %> | OCamlPro</title>
<link href="/assets/css/bootstrap.min.css" rel="stylesheet"/> <link href="/assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/assets/css/starter-template.css" rel="stylesheet"> <link href="/assets/css/template.css" rel="stylesheet">
<link href="/assets/css/style.css" rel="stylesheet"> <link href="/assets/css/style.css" rel="stylesheet">
</head> </head>
<body> <body>
...@@ -40,10 +40,12 @@ let render_unsafe ~lang ~title ~content = ...@@ -40,10 +40,12 @@ let render_unsafe ~lang ~title ~content =
<br /> <br />
<br /> <br />
<br /> <br />
<br />
<main> <main>
<div class="container"> <div class="container">
<%s! content %> <%s! content %>
</div> </div>
<hr class="featurette-divider">
<footer class="container"> <footer class="container">
<p>&copy; 2011–2021 OCamlPro &middot; <p>&copy; 2011–2021 OCamlPro &middot;
<a href="https://twitter.com/ocamlpro">Twitter</a> &middot; <a href="https://twitter.com/ocamlpro">Twitter</a> &middot;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment