body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.main-card {
background-color: #e8e8e8;
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px;
margin: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
text-align: center; /* Center align main card contents */
display: flex;
flex-direction: column;
align-items: center;
}
.main-card .card {
background-color: transparent; /* Remove background color */
border: none; /* Remove border */
box-shadow: none; /* Remove shadow */
}
.main-card p {
text-align: left;
color: #666;
line-height: normal;
}
.main-card .description {
margin-left: 10px;
margin-right: 10px;
padding-left: 40px;
padding-right: 40px;
}
.card-container {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.small-text {
font-size: 0.75em; /* 缩小字体大小 */
color: #555; /* 可选：更改颜色 */
font-style: italic; /* 可选：斜体字样式 */
}
.card {
background-color: #f4f4f4;
border: 1px solid #ccc;
border-radius: 8px;
padding: 20px;
margin: 10px;
width: 100%; /* Full width on small screens */
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
text-align: center; /* Center align card contents */
display: flex;
flex-direction: column;
justify-content: space-between; /* Space elements out vertically */
}
h2, .card h3, .card h4 {
color: #333;
margin: 8px;
}
h2 {
text-transform: none !important;
}
.card ul {
list-style-type: none; /* Remove default bullets */
padding: 0; /* Remove padding */
text-align: center; /* Center align ul */
flex-grow: 1; /* Allow ul to expand and push button to bottom */
margin: 8px;
}
.card li {
color: #666;
margin: 4px 0;
text-align: left; /* Center text */
display: block; /* Each li on a new line */
font-size: small;
}
.card li.included::before {
content: '✔';
color: green; /* Green check mark */
font-size: 16px;
margin-right: 5px; /* Space between check mark and text */
}
.card img {
max-width: 100px; /* Adjust size as necessary */
height: auto;
align-self: center;
margin-bottom: 10px; /* Space between the logo and the text */
}
.card a.button {
text-decoration: none;
color: #ffffff;
background-color: #13514b;
padding: 10px 20px;
border-radius: 5px;
margin-top: 10px; /* Space from last element */
align-self: center; /* Center button horizontally */
}
.card a.button:hover {
background-color: #0056b3;
}
@media (min-width: 768px) {
.card { width: 30%; } /* Adjust to 30% width on larger screens */
}
ZStudio
ZStudio is a cross-platform embedded IDE with Terapines built-in tools. All-in-one, highly automated, ZStudio provides users with a complete set of solution which is perfect for fast and easy SoCs architectures exploration and applications development.
ZSolution
ZSolution has built-in tools of compiler, simulator, debugger and profiling tool, which provide a layout to fulfill main requirements for embedded development.
<!--
了解更多 -->
ZExplorer
ZExplorer has built-in instruction customization tool and virtual SoCs modeling tool, which helps to explore ISA and microarchitecture to find the right design.
<!--
了解更多 -->
ZChecker
ZChecker has built-in C/C++ static analyzer tool, which fully supports HIS code complexity metrics and helps to check MISRA C coding guidelines as well as develop software complained to ISO26262.
<!--
了解更多 -->
